获取DIV对页面滚动的位置jQuery中

我被困在点修复我的菜单的div是在页面的中心或在某个时候依赖于内容上的位置。我想修复div的位置，当我滚动页面，以便它显示在页面的顶部（即使是在中心或顶部或底部）。请让我知道如何获得div的位置和应用当它到达页面顶部时使用jquery修复的css位置。例如http://new.livestream.com/live-video-tools 获取DIV对页面滚动的位置jQuery中

来源

2013-05-02 Ank Pro

你好，看看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

我做了一个尝试：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');   
    }); 
});

与火狐合作，不河畔换了别人......

编辑：这真是一个草案，则可能需要适应如如果加载时已经有滚动，这可以通过使用浏览器后退按钮来实现。

来源

2013-05-02 19:23:04 nicolas

获取DIV对页面滚动的位置jQuery中

回答

相关问题