【vue】利用visibilitychange监听页面显示和隐藏

Posted 2023-05-07

参考技术A APP 内嵌H5, H5页面可见性改变事件 : visibilitychange
功能类似小程序的onshow方法。

vue监听滚动事件 实现某元素吸顶或者固定位置显示

https://blog.csdn.net/wang1006008051/article/details/78003974

 

1、监听滚动事件

利用VUE写一个在控制台打印当前的scrollTop,

首先，在mounted钩子中给window添加一个滚动滚动监听事件，

 

mounted () {
  window.addEventListener(‘scroll‘, this.handleScroll)
},

然后在方法中，添加这个handleScroll方法

 

 

handleScroll () {
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  console.log(scrollTop)
},