vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动) 您所在的位置:网站首页 dom鼠标事件 vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动)

vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动)

#vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动)| 来源: 网络整理| 查看: 265

1.点击某个标签,滚动到某个具体位置

    switchHeight(num) {

        this.selectNum = num;

        if (num == 0) {

          document.getElementById("identifer_one").scrollIntoView();

        } else {

          document.getElementById("hotel_two").scrollIntoView();

        }

      },

2.获取滚动高度,

 首先要先写监听事件:

  mounted() {

      window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件

    },

处理监听事件:e.target.scrollTop是目标对象的滚动高度

handleScroll(e) {

        let serviceTop = 44;

        let hotelTop = 344;

        if (e.target.scrollTop > 44 && e.target.scrollTop < 344) {

          this.selectNum = 0;

        }

        if (e.target.scrollTop > 344) {

          this.selectNum = 1;

        }

      }

    },



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有