vuejs日常-绑定滚动事件

最新推荐文章于 2025-10-17 14:08:34 发布

原创最新推荐文章于 2025-10-17 14:08:34 发布 · 9.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#对象

vuejs 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了与滚动相关的8个方法，包括scrollX、scrollY、scrollTo、scroll、scrollWidth、scrollHeight、scrollLeft及scrollTop。这些方法分别适用于window对象和Element对象，并提供了具体的使用示例。

与scroll相关的方法：

4个window对象下：scrollX、scrollY、scrollTo、scroll（作用和scrollTo一样）
4个Element对象下：scrollWidth、scrollHeight、scrollLeft、scrollTop

示例：

<script>
  export default {
    mounted () {
      window.addEventListener('scroll', this.handleScroll)
    }，
    methods: {
      handleScroll () {
        console.log(window.scrollY)
        console.log(window.scrollX)
         console.log(window.scrollX)
      }
    }
  }
</script>