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

Question

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

Answer 1

我试了一下：见 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，而不是其他人的 sur...

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