Javascript 粘性导航';反弹';在internet explorer中
我正在开发一个网站,在屏幕顶部有一个大约600像素的导航栏。当用户滚动经过导航栏时,我有一个javascript函数,该函数更改类以使位置:fixed。它在除Internet explorer之外的所有浏览器中都能正常工作。在IE中,它会在用户每次滚动时反弹 导航条Javascript 粘性导航';反弹';在internet explorer中,javascript,css,internet-explorer,Javascript,Css,Internet Explorer,我正在开发一个网站,在屏幕顶部有一个大约600像素的导航栏。当用户滚动经过导航栏时,我有一个javascript函数,该函数更改类以使位置:fixed。它在除Internet explorer之外的所有浏览器中都能正常工作。在IE中,它会在用户每次滚动时反弹 导航条 <div class="w-container navbox"> <a class="w-nav-brand moblielogo" href="#homeScroll"><img clas
<div class="w-container navbox">
<a class="w-nav-brand moblielogo" href="#homeScroll"><img class="w-hidden-main w-hidden-large" src="images/logo_2015.png" alt="moblie nav Logo"/>
</a>
<nav class="w-nav-menu w-clearfix" role="navigation">
<a class="w-nav-link leftnavlink moblienavlink" href="#homeScroll">Home</a>
<a class="w-nav-link leftnavlink moblienavlink" href="#companieScroll">Companies</a>
<a class="w-nav-link leftnavlink moblienavlink" href="#contactScroll">Contact</a>
</nav>
<div class="w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
我认为出错的是IE每次调用这个函数时都会删除和添加这个类。但我不知道如何测试或修复它
在JSFIDLE上制作了一个简化版本
是否有测试链接或jsfiddle链接来查看工作代码?@Gurkanat-yep。是他创造的。请参阅上面的编辑。您的代码在ie 11上运行良好,当我滚动时不会反弹。可能您可以对不同版本的ie使用
元标记。
$(document).on('scroll', function () {
if ($(window).scrollTop() > 805) {
$('.navbar').addClass('stickynav');
}
else {
$('.navbar').removeClass('stickynav');
}
});
</script>
.stickynav {
position:fixed;
top:0;
}