js scroll 判断 横向滚动 是否滚动到了最左边
时间: 2023-12-12 17:04:58 浏览: 54
可以使用以下代码来判断横向滚动是否滚动到了最左边:
```javascript
var element = document.getElementById("myElement");
if (element.scrollLeft == 0) {
// 到达最左边
} else {
// 没有到达最左边
}
```
其中,"myElement" 是需要判断的元素的 id,可以根据实际情况进行修改。如果 `scrollLeft` 的值等于 0,说明已经滚动到了最左边。
相关问题
js scroll 判断 横向滚动 是否滚动到了最右边
可以使用以下代码来判断横向滚动是否滚动到了最右边:
```javascript
var element = document.getElementById("myElement");
if (element.scrollWidth - element.scrollLeft === element.clientWidth) {
// 到达最右边
} else {
// 没有到达最右边
}
```
其中,"myElement" 是需要判断的元素的 id,可以根据实际情况进行修改。如果 `scrollWidth - scrollLeft` 的值等于 `clientWidth`,说明已经滚动到了最右边。
js scroll 判断 横向滚动还是 纵向滚动_浏览器的一些“滚动”行为鉴赏
要判断浏览器中是横向滚动还是纵向滚动,可以通过以下方法:
1. 监听滚动事件,并获取滚动距离的变化值。
2. 判断滚动距离在 X 轴和 Y 轴上的变化值的绝对值大小,若 X 轴的变化值大于 Y 轴的变化值,则说明是横向滚动;反之则为纵向滚动。
以下是一个示例代码:
```javascript
let lastScrollTop = 0;
let lastScrollLeft = 0;
window.addEventListener('scroll', () => {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
const scrollDeltaY = Math.abs(scrollTop - lastScrollTop);
const scrollDeltaX = Math.abs(scrollLeft - lastScrollLeft);
if (scrollDeltaX > scrollDeltaY) {
console.log('横向滚动');
} else {
console.log('纵向滚动');
}
lastScrollTop = scrollTop;
lastScrollLeft = scrollLeft;
});
```
在该示例代码中,我们监听了 `scroll` 事件,并在事件处理函数中获取了当前的滚动距离,并计算出了在 X 轴和 Y 轴上的变化值。通过比较这两个值的大小,我们可以判断出当前是横向滚动还是纵向滚动。
阅读全文