我的Javascript (jQuery)文件中有如下代码:
jQuery(document).on('scroll', function() {
var scrollTop = jQuery(document).scrollTop();
console.log(scrollTop);
if(scrollTop < 350) {
jQuery('.header__top').removeClass('header-fixed');
jQuery('.logo').css({position: "absolute", height: "auto"});
jQuery('.logo img').css("height", "auto");
}else {
jQuery('.header__top').addClass('header-fixed');
jQuery('.logo').css({position: "static", height: "85px"});
jQuery('.logo img').css("height", "100%");
}
});
当我在浏览器中滚动3次时,会发生一些奇怪的事情。函数触发多次(无限)。然后,当我向上或向下滚动时,它工作得很好。为什么我的scroll函数在一个特定的地方导致无限执行?
发布于 2018-12-18 05:11:01
我解决了我的问题,那就是在同一个元素上使用display: flex和position:fixed。
https://stackoverflow.com/questions/53822898
复制相似问题