向下滚动向上固定导航栏

Question

我尝试实现与here

类似的功能

但是对我而言，在向下滚动时并没有固定在顶部。有人请提供任何示例或资源来实现此功能。

     .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 class 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);