【uni-app 如何禁止页面滚动】

最新推荐文章于 2024-09-20 20:13:01 发布

三十公子七

最新推荐文章于 2024-09-20 20:13:01 发布

阅读量1.4w

点赞数 9

分类专栏： uni-app

本文链接：https://blog.csdn.net/TChildeSeven/article/details/107683374

版权

uni-app 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

uni-app 如何禁止页面滚动

在需要在禁止页面滚动的标签上加上catchtouchmove=“true”

HBuilder X和微信小程序上鼠标可以滚动，手机真机测试的时候就不会动了

···例子

<template>
	<view>
		<view class="zhemu"  catchtouchmove="true">
			
		</view>
		<view class="gun">
			滚动区域
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.zhemu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 98;
		background-color: rgba(0,0,0,0.4);
	}
	.gun{
		height: 2000rpx;
		background-color: white;
	}
</style>

···博主标签的样式
.
.

番外：高中时同桌是个漂亮的妹纸，她的手一到冬天就生冻疮溃烂得不成样子。那时候学校是自带饭盒打饭，吃完了自己洗。我看她手这个样子挺可怜，给她洗了两个冬天的饭盒。
. .有天晚自习时，她悄悄在我耳边说：“你愿意给我洗一辈子饭盒吗？”我一听就火了：“说好了冬天我洗，夏天你洗，你洗过？还想骗我洗一辈子，做梦！