js 找出滚动条对应哪个元素
时间: 2023-08-16 16:08:36 浏览: 57
要找出滚动条对应哪个元素,可以使用以下 JavaScript 代码:
```javascript
window.addEventListener('scroll', function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var targetElement = null;
var elements = document.getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
if (element.offsetTop <= scrollTop && element.offsetTop + element.offsetHeight > scrollTop) {
targetElement = element;
break;
}
}
console.log(targetElement);
});
```
这段代码会监听滚动事件,当滚动条滚动时,它会遍历页面上的所有元素,找到当前滚动条所在的元素,并将其输出到控制台上。注意,这里假设页面中只有一个滚动条。如果有多个滚动条,需要修改代码以适应不同的情况。
相关问题
js获取一个元素的滚动条位置
您可以使用以下代码获取一个元素的滚动条位置:
```
var scrollTop = element.scrollTop;
```
其中,`element`是您要获取滚动条位置的元素。这个属性返回元素内容的垂直滚动距离。如果元素没有滚动条,则返回0。
JS中怎么监听指定元素内滚动条滚动事件
可以使用addEventListener方法来监听指定元素内滚动条滚动事件,代码如下:
```
var element = document.getElementById('elementId');
element.addEventListener('scroll', function() {
// 处理滚动事件
});
```
其中,'elementId'是指定元素的ID,可以根据实际情况进行替换。在事件处理函数中,可以编写处理滚动事件的代码。