更新记录
1.0.2(2020-11-04) 下载此版本
- @touchstart 和 @touchend 阻止冒泡导致滑动区域内的 @click 事件无效问题,已修改为仅在触发 @touchmove 事件才阻止冒泡
1.0.1(2020-10-29) 下载此版本
无更新
平台兼容性
poput-scroll 产品特点
- 手机端阻止滚动穿透、阻止滚动默认事件时用 transform 实现滚动
poput-scroll 使用说明
- 本组件主要是阻止滚动穿透、阻止滚动默认事件实现页面滚动, 使用场景一般配合弹窗类组件使用
- demo 项目依赖 uni-popup
<template>
<view class="content">
<text @click="$refs.popup.open()">点击打开弹窗</text>
<uni-popup ref="popup">
<popup-scroll style="height: 700rpx; width: 700rpx; background-color: #fff;">
<view v-for="item in 40" :key="item" style="line-height: 60rpx;">{{item}}</view>
</popup-scroll>
</uni-popup>
</view>
</template>
import uniPopup from '@/components/uni-popup/uni-popup.vue'
import popupScroll from '@/components/popup-scroll/popup-scroll.vue'
export default {
name: "demo",
components: {
uniPopup,
popupScroll
}
}
- h5 预览