即滾動時滾動

Question

這適用於除IE以外的所有bowsers如何解決這個問題？當我在IE中滾動時，它非常生澀。

http://jsfiddle.net/cc48t/

//js 
$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $('#scroller').css('top', $(window).scrollTop()); 
    } 
} 
); 

Answer 1

試試這個（fiddle）：

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $('#scroller').addClass("top"); 
    } 
    else { 
     $('#scroller').removeClass("top"); 
    } 
}); 

和CSS：

#scroller { 
    position: relative; 
    top: 100px; 
    width: 500px; 
    background: #CCC; 
    height: 100px; 
    margin: 0 auto; 
} 

#scroller.top { 
    position: fixed; 
    top: 0; 
    left: 50%; 
    margin-left: -250px; 
} 

編輯：我添加了一套width和margin到#scroller，並設置left: 50%和margin-left: -250px;（集合寬度的一半）的.TOP班

Answer 2

你可以試試這太（fiddle）

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     //$('#scroller').css('top', $(window).scrollTop()); 
     $('#scroller').css('top', '0px'); 
     $('#scroller').css('position', 'fixed'); 
    } 
    else 
    { 
     $('#scroller').css('top', '100px'); 
     $('#scroller').css('position', 'absolute'); 
    } 
} 
);