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

Question

我一直处于固定位于页面中心的菜单div的位置或者取决于内容的顶部某个位置。我想在我滚动页面时修复div的位置，使其显示在页面顶部（即使它位于中心或顶部或底部）。请让我知道如何获得div的位置和当使用jquery到达页面顶部时，应用css位置固定。例如http://new.livestream.com/live-video-tools

Answer 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');         
    });
});

使用Firefox，而不是其他人...

编辑：它真的是一个草稿，你可能需要适应，例如：如果加载时已经有滚动，可以使用浏览器后退按钮。