2013-05-02 84 views
0

我被困在點修復我的菜單的div是在頁面的中心或在某個時候依賴於內容上的位置。我想修復div的位置,當我滾動頁面,以便它顯示在頁面的頂部(即使是在中心或頂部或底部)。請讓我知道如何獲得div的位置和應用當它到達頁面頂部時使用jquery修復的css位置。例如http://new.livestream.com/live-video-tools獲取DIV對頁面滾動的位置jQuery中

+0

你好,看看http://www.sutanaryan.com/jquery/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/ – nicolas 2013-05-02 19:02:48

+0

我已經檢查過了,它使用頂部的靜態高度136,我想高度動態不確定菜單的位置,因爲它取決於內容 – 2013-05-02 19:07:25

回答

1

我做了一個嘗試:see JsFiddle

的是要改變需要被固定在容器的CSS屬性滾動顯示一次達到它:

$(document).ready(function(){ 
    var iMenuTop = $('.menu').offset().top; 
    $(window).scroll(function(){ 
     var iWinTop = $(this).scrollTop(); 
     if(iWinTop >= iMenuTop) 
      $('.menu').css({ 
       position:'fixed', 
       top:0}); 
     else 
      $('.menu').css('position','static');   
    }); 
}); 

與火狐合作,不河畔換了別人......

編輯:這真是一個草案,則可能需要適應如如果加載時已經有滾動,這可以通過使用瀏覽器後退按鈕來實現。