没有 只是设置了外面page的overflow: hidden,来做的
阻止滚动穿透后,内部区域也不能滚动了自定义一个弹窗组件,底部加了个一个灰色蒙层,给蒙层添加 @touchmove.stop="stopTouchMove" 后,可以防止滚动穿透到弹窗组件下面的页面,但是蒙层内的一个可滚动区域也不能滚动了,不太清楚如何解决 下面是我写的一个demo,是wepy的~~~~ [代码]<template>[代码][代码] [代码][代码]<view class=[代码][代码]"container"[代码][代码]>[代码][代码] [代码][代码]<view @touchmove.stop=[代码][代码]"stopTouchMove"[代码] [代码]class=[代码][代码]"modal"[代码][代码]>[代码][代码] [代码][代码]<view class=[代码][代码]"inline__block"[代码][代码]>[代码][代码] [代码][代码]<repeat [代码][代码]for[代码][代码]=[代码][代码]"{{ dataSource }}"[代码] [代码]key=[代码][代码]"index"[代码] [代码]index=[代码][代码]"index"[代码] [代码]item=[代码][代码]"item"[代码][代码]>[代码][代码] [代码][代码]<view class=[代码][代码]"item"[代码][代码]>{{ item }}</view>[代码][代码] [代码][代码]</repeat>[代码][代码] [代码][代码]</view>[代码][代码] [代码][代码]</view>[代码][代码] [代码][代码]</view>[代码][代码]</template>[代码] [代码]<script>[代码][代码]import wepy from [代码][代码]'wepy'[代码] [代码]export [代码][代码]default[代码] [代码]class Test extends wepy.page {[代码][代码] [代码][代码]config = {[代码][代码] [代码][代码]navigationBarTitleText: [代码][代码]'test'[代码][代码] [代码][代码]}[代码] [代码] [代码][代码]data = {[代码][代码] [代码][代码]dataSource: [[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]'测试'[代码][代码],[代码][代码] [代码][代码]][代码][代码] [代码][代码]}[代码] [代码] [代码][代码]methods = {[代码][代码] [代码][代码]stopTouchMove() {}[代码][代码] [代码][代码]}[代码][代码]}[代码][代码]</script>[代码] [代码]<style lang=[代码][代码]'less'[代码][代码]>[代码][代码] [代码][代码].container {[代码][代码] [代码][代码]width: 750rpx;[代码][代码] [代码][代码]height: 200%;[代码][代码] [代码][代码]overflow: scroll;[代码][代码] [代码][代码]background-color: rgb(0, 255, 234);[代码] [代码] [代码][代码].modal {[代码][代码] [代码][代码]position: fixed;[代码][代码] [代码][代码]top: 0;[代码][代码] [代码][代码]bottom: 0;[代码][代码] [代码][代码]left: 0;[代码][代码] [代码][代码]right: 0;[代码][代码] [代码][代码]background: rgba(0, 0, 0, .5);[代码] [代码] [代码][代码].inline__block {[代码][代码] [代码][代码]border-radius: 8rpx;[代码][代码] [代码][代码]width: 400rpx;[代码][代码] [代码][代码]height: 500rpx;[代码][代码] [代码][代码]margin: 200rpx auto 0;[代码][代码] [代码][代码]background:[代码] [代码]#fff;[代码][代码] [代码][代码]overflow: scroll;[代码] [代码] [代码][代码]>view {[代码][代码] [代码][代码]text-align: center;[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]</style>[代码]
2018-09-29遇到不能主动弹起键盘的问题
textarea的focus失效- 当前 Bug 的表现(可附上截图) iphone6 ios10.2.1 iphone5 ios9.0.2 mi5 andoid 8.0 画面启动时textarea的focus有效 关闭textarea后再次显示时focus失效 点击获得焦点后, 输入的首个字符引起输入法重启 - 预期表现 关闭textarea后再次显示时focus有效,输入法正常输入 - 复现路径 点击swtichTextarea按钮,显示textarea后,点击textarea获得焦点,输入任意文字 - 提供一个最简复现 Demo wechatide://minicode/wL3tJzmM752f wechatide://minicode/Ri4
2018-09-21