修复导航栏上向下滚动

-1

但对我来说它不是在滚动放低。请提供任何例子或资源来实现这一功能，在顶部固定。

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

来源

2015-10-26 djkp

你能提供一些代码吗？你有什么尝试？它在哪里失败？ –

添加了代码..我尝试使用css：标记后 – djkp

我会使用javascript来检测滚动事件，当'window.scrollTop'高于你需要设置的CSS'position：fixed;'（以及'top'和其他属性）添加到您的导航栏中，并在'window.scrollTop'小于此值时设置其他CSS。 –

你缺少一个.

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

应该是...

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

来源

2015-10-26 23:38:34 Turnip

修复导航栏上向下滚动

回答

相关问题