vue监听页面滚动到某个高度触发事件流程

vue监听页面滚动到某个高度触发事件流程

目录

监听页面滚动到某个高度触发事件

动态监听页面滚动高度

监听页面滚动到某个高度触发事件 methods: {    showIcon() {       if (         !!document.documentElement.scrollTop &&         document.documentElement.scrollTop > 200        ) {                         页面高度大于200执行操作         } else {              页面高度小于200执行操作         }     }, }

监听事件

mounted() {     window.addEventListener("scroll", this.showIcon); }, 动态监听页面滚动高度 //获取页面滚动高度 methods:{       scrollHandle(e){       let top = e.srcElement.scrollingElement.scrollTop;    // 获取页面滚动高度       console.log(top);         } } mounted(){           window.addEventListener('scroll',this.scrollHandle);//绑定页面滚动事件       },

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。

推荐阅读

    确定java按钮响应事件的代码

    确定java按钮响应事件的代码,,* 阅读本文可以结合最后在java登录窗口界面下面是一个链接。 是定义的容器。 容器(CP =得到内容面板); / /

    苹果快捷键左右滚动|苹果移动快捷键

    苹果快捷键左右滚动|苹果移动快捷键,,1. 苹果移动快捷键AUTOCAD中有很多快捷键,快捷键也可以自己设置,如不自己设置即为默认的快捷键,CAD中移

    SQL 查看触发器

    SQL 查看触发器,触发器,示例, 1、通过可视化操作来管理和查看触发器 在Microsoft SQL Server Management Studio中,选中某一数据库的某一

    90后瓶门事件图片

    90后瓶门事件图片,,现在孩子们还太早,有些女孩子总是在门口等一会儿,最近发生了一次酒瓶门事件。 近日,山东一家寄宿学校的一名女生带着一瓶

    滚动条快捷键|滚动条的快捷键是啥

    滚动条快捷键|滚动条的快捷键是啥,,1. 滚动条的快捷键是啥1.首先打开【3dmax2010软件】打开软件以后单击菜单栏中的【自定义】。2.在单击

    动态电脑图标|动态的图标

    动态电脑图标|动态的图标,,动态的图标操作步骤1.打开手机i主题,点击主题,2.选择一个你要设置的主题,点击下载,3.点击应用,4.vivo手机的桌面图标