向下滚动时修复顶部的导航栏

Question

我试图实现类似于这里的东西

但对我来说，它不会在向下滚动时固定在顶部。请提供任何示例或资源来实现此功能。

     .features-switcher.fixed:after,
      {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: fixed;
        z-index: 101;
        width: 100%;
        height: 65px;
        top: 0;
        left: 0;
        opacity: 1
    }

对于我的导航栏 div 类features-switcher ：

        $(window).scroll(function () {
            console.log("scrolled down");
            console.log($(window).scrollTop());
            if ($(window).scrollTop() > 150) {
                $('features-switcher').css('top', 0);
            }
        }
        );    

Answer 1

你缺少一个.

$('features-switcher').css('top', 0);

应该...

$('.features-switcher').css('top', 0);