jQuery scrollTop()执行多次
jQuery scrollTop()执行多次
提问于 2018-12-18 04:58:21
我的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函数在一个特定的地方导致无限执行？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-12-18 05:11:01
我解决了我的问题，那就是在同一个元素上使用display: flex和position:fixed。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53822898
复制相关文章
相似问题