html - 导航栏自动到顶部

Question

当我向下滚动时，导航栏的位置是固定的。但是上面还有空间。如何让它自动到顶部？

http://jsfiddle.net/q236h/

Answer 1

为了实现这一点，我一直求助于 JS。 jQuery 使整个事情变得非常简单。我的<nav>正常定位，直到它到达视口(viewport)的顶部边缘。然后它得到添加到它的“固定”类，将它固定在 0 0。当向上滚动时，类再次被删除，并且 <nav>回到原来的位置。

$(document).ready(function() {

    var navOffset = $('nav').offset().top;

    $(window).scroll(function() {
        if($(window).scrollTop() > navOffset) {
            $('nav').addClass('fixed');
        } else {
            $('nav').removeClass('fixed');
        }
    });

});

可以查看一个实例here .我想这就是你想要达到的目标？你的问题不是很清楚。 [/不要脸的 self 推销]