0
我被困在點修復我的菜單的div是在頁面的中心或在某個時候依賴於內容上的位置。我想修復div的位置,當我滾動頁面,以便它顯示在頁面的頂部(即使是在中心或頂部或底部)。請讓我知道如何獲得div的位置和應用當它到達頁面頂部時使用jquery修復的css位置。例如http://new.livestream.com/live-video-tools獲取DIV對頁面滾動的位置jQuery中
我被困在點修復我的菜單的div是在頁面的中心或在某個時候依賴於內容上的位置。我想修復div的位置,當我滾動頁面,以便它顯示在頁面的頂部(即使是在中心或頂部或底部)。請讓我知道如何獲得div的位置和應用當它到達頁面頂部時使用jquery修復的css位置。例如http://new.livestream.com/live-video-tools獲取DIV對頁面滾動的位置jQuery中
我做了一個嘗試: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');
});
});
與火狐合作,不河畔換了別人......
編輯:這真是一個草案,則可能需要適應如如果加載時已經有滾動,這可以通過使用瀏覽器後退按鈕來實現。
你好,看看http://www.sutanaryan.com/jquery/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/ – nicolas 2013-05-02 19:02:48
我已經檢查過了,它使用頂部的靜態高度136,我想高度動態不確定菜單的位置,因爲它取決於內容 – 2013-05-02 19:07:25