解決方案：使用jQuery滾動時將元素保留在視圖中

Question

我必須在滾動時將元素保留在視圖中。我已經做到了，它在所有的瀏覽器中工作正常，但不明智的解決方案。

$(function() { 
      var offset = $(".sysIcons").offset(); 
      var topPadding = 15; 
      $(window).scroll(function() { 
       if ($(window).scrollTop() > offset.top) { 
        $(".sysIcons").stop().animate({ 
         marginTop: $(window).scrollTop() - offset.top + topPadding 
        }); 
       } else { 
        $(".sysIcons").stop().animate({ 
         marginTop: 0 
        }); 
       }; 
      }); 
     }); 

它的做工精細的1024×768，1280 * 735，

但不是在1360x768的， - 問題是滾動直到在窗口的結束，同時，它不會停止。滾動時持續動畫。

請幫我

Answer 1

這可能你在找什麼。

http://imakewebthings.com/waypoints/shortcuts/sticky-elements/ 主要網站：http://imakewebthings.github.com/jquery-waypoints/ Github上：https://github.com/imakewebthings/waypoints

Answer 2

你並不需要jQuery來獲取元素在視圖滾動時，您可以使用CSS屬性position使它看起來都包括滾動的時間：

#elementID { 
    position:fixed; 
    /* more styles */ 
} 

position:fixed在IE6不工作，但誰在乎這些天:)

Answer 3

您可以使用position: fixed如果你不在乎IE6。