2012-03-02 39 views
5

如何使用戶檢測滾動時固定分區。
示例:Facebook的右側邊欄,當達到某個滾動位置時它會卡住。在滾動上固定一個分區

+1

我以前用過這個看看http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs 2012-03-02 10:33:14

回答

7

position:fixed就是答案。
但是,如果你想知道他們如何做某事,你總是可以看看網站的來源。很教育!

1

不確定這是不是你的意思?

但是您可以添加CSS-propery位置:fixed;即使在滾動之後,它也會顯示在山姆的位置上。

More on CSS positioning

5

監控是否我們滾動。

if($(window).scrollTop() > 0){ 
    //we're scrolling our position is greater than 0 from the top of the page. 
    $("#element").css({'position' : 'fixed'}); 
} 

* 編輯

做沒有jQuery的..

if(window.scrollTop() > 0){ 
    document.getElementById('element').style.position="fixed"; 
} 
+0

這是jquery嗎? – sandbox 2012-03-02 10:39:58

+0

scrollTop不是jQuery特有的,但其餘部分是。 – Ohgodwhy 2012-03-02 10:41:17

+0

好的...可以用javascript實現嗎? – sandbox 2012-03-02 10:42:33