获取页面滚动的高度
时间: 2024-02-06 15:09:38 浏览: 33
你可以使用JavaScript中的`window.scrollY`属性来获取页面的垂直滚动距离。例如:
```
const scrollHeight = window.scrollY;
console.log(scrollHeight); // 输出页面垂直滚动距离
```
相关问题
通过document获取页面滚动高度
通过 `document` 获取页面滚动高度可以使用以下代码:
```
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
```
在这里,我们使用了 `document.documentElement.scrollTop` 和 `document.body.scrollTop` 来获取页面滚动高度。这是因为不同浏览器对于获取滚动高度的方式可能不同,有些浏览器需要使用 `document.documentElement.scrollTop`,有些则需要使用 `document.body.scrollTop`。因此,我们使用 `||` 运算符来获取两种方式中的其中一个,确保能够在不同浏览器中正常工作。最终,我们将获取的滚动高度存储在 `scrollTop` 变量中。
vue,在滚动事件中,获取页面滚动高度
在Vue中获取页面滚动高度可以使用以下代码:
```
data() {
return {
scrollY: 0
}
},
mounted() {
window.addEventListener('scroll', this.handleScroll)
},
methods: {
handleScroll() {
this.scrollY = window.scrollY
}
}
```
在上述代码中,我们定义了一个 `scrollY` 变量用于存储页面滚动高度,然后在 `mounted` 钩子函数中添加了一个滚动事件监听器,当页面滚动时,调用 `handleScroll` 方法来更新 `scrollY` 变量的值,最终就可以通过访问 `scrollY` 变量来获取页面滚动高度。
阅读全文