文章内容

2022/12/21 11:51:19,作 者: 黄兵

JavaScript 滚动事件监听

在 JavaScript 中,你可以使用以下方法来为 div 元素添加滚动事件监听:

document.querySelector('.mdc-tab-scroller__scroll-area').addEventListener('scroll', function() {
  // 在这里添加你的代码
});

这将会在 div 元素滚动时触发事件监听器函数。

你也可以使用其他方法来获取 div 元素,比如使用 getElementById 或者 getElementsByClassName,然后再调用 addEventListener 方法。

例如:

document.getElementsByClassName('mdc-tab-scroller__scroll-area')[0].addEventListener('scroll', function() {
  // 在这里添加你的代码
});

请注意,在上面的代码中,我们使用了 getElementsByClassName 返回的类数组对象的第一个元素,所以使用了下标 [0]。如果你有多个 div 元素使用了同样的类,你可能需要使用循环来遍历所有元素并添加事件监听器。

var elements = document.getElementsByClassName('mdc-tab-scroller__scroll-area');
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener('scroll', function() {
    // 在这里添加你的代码
  });
}
分享到:

发表评论

评论列表