判断滚轮距离顶部的位置

最新推荐文章于 2022-06-17 16:43:16 发布

进阶de程序猿

最新推荐文章于 2022-06-17 16:43:16 发布

阅读量645

点赞数

分类专栏： vue JavaScript 文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_45101496/article/details/104022769

版权

vue 同时被 2 个专栏收录

26 篇文章

订阅专栏

JavaScript

15 篇文章

订阅专栏

本文介绍如何在Vue.js应用中编写一个方法，该方法在组件生命周期的特定阶段被调用，用于判断滚动条距离页面顶部的距离。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue 写一个方法然后在生命周期里调用

mounted() {
     this.top();
  },

 methods: {
     top() {
        // 页面被卷去的高度 scrollT  滚动距离
      window.onscroll = function() {
        let scrollT =
          document.documentElement.scrollTop || document.body.scrollTop;
        let scrollH =
          document.documentElement.scrollHeight || document.body.scrollHeight;
        let clientH =
          document.documentElement.clientHeight || document.body.clientHeight;
        if (scrollT > 50) {
          document.getElementsByClassName('footAdvertising')[0].style.display = "block"
          console.log("大于这个高度，广告出现")
        }
        if (scrollT == scrollH - clientH) {
            console.log("已到达页面底部")
        } else if (scrollT => 50) {
            document.getElementsByClassName('footAdvertising')[0].style.display = "none"
            console.log("小于这个高度广告消失")
        }
      };
    }```
  }