鼠标滑动显示内容的方法

最新推荐文章于 2023-02-24 13:35:52 发布

dell_wu_gao_jian

最新推荐文章于 2023-02-24 13:35:52 发布

阅读量761

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/dell_wu_gao_jian/article/details/106311633

版权

通过全局事件绑定一个函数mounted() { window.addEventListener('scroll', this.handlescroll) }, destroyed () { window.removeEventListener('scroll', this.handlescroll) }引用全局事件时，记得要解绑，免得对其他组件有影响。实现滑动时渐隐渐显的效果methods:{ handlescroll () { const top = document

摘要由CSDN通过智能技术生成

通过全局事件绑定一个函数

mounted() {
   
		window.addEventListener('scroll', this.handlescroll)
	},
	destroyed () {
   
		window.removeEventListener('scroll', this.handlescroll)
	}

引用全局事件时，记得要解绑，免得对其他组件有影响。

实现滑动时渐隐渐显的效果

methods:{
		handlescroll () {
			  const top = document.documentElement.scrollTop
			  if (top > 60)

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dell_wu_gao_jian

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
鼠标滑动显示内容的方法

通过全局事件绑定一个函数mounted() { window.addEventListener('scroll', this.handlescroll) }, destroyed () { window.removeEventListener('scroll', this.handlescroll) }引用全局事件时，记得要解绑，免得对其他组件有影响。实现滑动时渐隐渐显的效果methods:{ handlescroll () { const top = document
复制链接

扫一扫