获取jquery中页面滚动条上div的位置

获取jquery中页面滚动条上div的位置,jquery,Jquery,我的菜单div位于页面的中心,有时位于页面的顶部,这取决于内容。我想在滚动页面时固定div的位置,使其显示在页面顶部(即使是在中间、顶部或底部)。请让我知道如何获得div的位置,并在使用jquery到达页面顶部时应用固定的css位置。例如我试了一下: 事情是更改容器的css属性,一旦滚动到达该属性,就需要对其进行修复: $(document).ready(function(){ var iMenuTop = $('.menu').offset().top; $(window).s

我的菜单div位于页面的中心,有时位于页面的顶部,这取决于内容。我想在滚动页面时固定div的位置,使其显示在页面顶部(即使是在中间、顶部或底部)。请让我知道如何获得div的位置,并在使用jquery到达页面顶部时应用固定的css位置。例如

我试了一下:

事情是更改容器的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');         
    });
});
与Firefox合作,而不是与其他人合作


编辑:这实际上是一个草稿,您可能需要进行调整,例如,如果加载时已经有一个滚动条,则可以使用浏览器的“后退”按钮进行调整。

您好,请看一看我已经检查过了,它使用的是从顶部开始的静态高度136,我希望高度动态不确定菜单的位置,因为它取决于内容