事件监听方法中滑动事件未触发

qq_33666419 2017-07-07 05:39:51
window.addEventListener('scroll', updateSidebar);
window.addEventListener('resize', updateSidebar);
function updateSidebar() {
console.log("aaa");
var doc = document.documentElement;
var top = doc && doc.scrollTop || document.body.scrollTop;
var conOffsetTop = document.querySelector('.list-nav').offsetTop;
if(top>=conOffsetTop+24){
sectionContainer.classList.add('scrollbar');
}else{
sectionContainer.classList.remove('scrollbar');
}
var allHeaders = document.querySelectorAll('.product-modular');
if (animating || !allHeaders) return;
var last;
for (var i = 0; i < allHeaders.length; i++) {
var link = allHeaders[i];
if (link.offsetTop > top+300) {
if (!last) last = link;
break
} else {
last = link
}
}
if (last)
setActive(last.id)
}

代码结构
...全文
280 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
业余草 2017-07-12
  • 打赏
  • 举报
回复

$(document).ready(function(){
window.addEventListener('scroll', updateSidebar);
window.addEventListener('resize', updateSidebar);
function updateSidebar() {
console.log("aaa");
var doc = document.documentElement;
var top = doc && doc.scrollTop || document.body.scrollTop;
var conOffsetTop = document.querySelector('.list-nav').offsetTop;
if(top>=conOffsetTop+24){
sectionContainer.classList.add('scrollbar');
}else{
sectionContainer.classList.remove('scrollbar');
}
var allHeaders = document.querySelectorAll('.product-modular');
if (animating || !allHeaders) return;
var last;
for (var i = 0; i < allHeaders.length; i++) {
var link = allHeaders[i];
if (link.offsetTop > top+300) {
if (!last) last = link;
break
} else {
last = link
}
}
if (last)
setActive(last.id)
}
});

把这段代码这样使用试一试。

39,087

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧