js遮盖层下面不能滑动

weixin_45093753

于 2022-09-02 14:56:13 发布

阅读量281

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45093753/article/details/126663054

版权

本文档介绍了如何在Vue组件中使用addEventListener方法，通过passive选项阻止移动端页面的touchmove事件，实现页面滚动限制。

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

<template>
	<div @touchmove.prevent></div>
</template>
<script>
export default {
	mounted () {
		this.banScroll()
	},
	methods: {
		banScroll () {
			document.addEventLister('touchmove', (event) => {
				event.preventDefault()
			}, {passive: true})
		}
	}
}
</script>