IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> uniapp小程序 用@touchmove.stop.prevent=““阻止滑动穿透 但是会影响弹出层内容滑动 -> 正文阅读

[移动开发]uniapp小程序 用@touchmove.stop.prevent=““阻止滑动穿透 但是会影响弹出层内容滑动

<!-- 弹出框 -->
<view class="popCss" :style="{'top':curTop+'px'}" @touchmove.stop.prevent="" v-if="isPop" @tap="curTab = null">
    <!-- 全部分类 -->
    <view class="typeOne typeOneText" v-if="curTab==0" @tap.stop="">
        <!-- 左侧大分类 -->
        <view class="oneLeft">
            <scroll-view class="scroll-view" scroll-y>
            <view class="itemLeft" v-for="(item,index) in typeOne" :key="index" :class="index==oneIndex?'hover':''" @tap="changeOne(index)">{{item.name}}</view>
            </scroll-view>
        </view>
        <!-- 右侧子分类 -->
        <view class="oneRight">
            <scroll-view class="scroll-view" scroll-y>
                <view class="itemRight" v-for="(itemC,indexC) in typeOne[oneIndex].children" :key="indexC"  :class="oneIdC==itemC.id?'hover':''" @tap="chengeOneC(itemC,typeOne[oneIndex])">{{itemC.name}}</view>
            </scroll-view>
        </view>
    </view>
</view>

之前加?scroll-view 也不好使 向上滑动也不动 后来加了css?

.scroll-view{max-height: 608rpx;?overflow-y: scroll;} ******必加******

	.popCss{
		position: fixed;
		right: 0;
		left:0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		bottom: var(--window-bottom);
		z-index: 111;
		// 全部分类		
		.typeOne{
			max-height: 608rpx;
			background: $whiteColor;
			overflow: hidden;
			.scroll-view{
				max-height: 608rpx; 
				overflow-y: scroll;
			}
			.oneLeft{
				width: 300rpx;
				// max-height: 608rpx;
				background: #F7F7F7;
				// overflow-y: scroll;
				float: left;
				display: block;
				.itemLeft{
					padding: 0 60rpx;
					@extend .oneHidden;
					height: 76rpx;
					line-height: 76rpx;
					@include defaultFont(26rpx,normal,#2E2E2E);
				}
				.hover{
					background: $whiteColor;
					color: #E9513D;
				}
			}
			.oneRight{
				float: right;
				display: block;
				width: 410rpx;
				.itemRight{
					padding: 0 60rpx 0 0;
					@extend .oneHidden;
					height: 76rpx;
					line-height: 76rpx;
					@include defaultFont(26rpx,normal,#2E2E2E);
				}
				.hover{
					color:#E9513D;
				}
			}
		}
}

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-13 21:56:51  更:2022-03-13 21:58:57 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年10日历 -2024/10/26 20:33:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码