更新记录

1.0.2(2020-11-04) 下载此版本

  1. @touchstart 和 @touchend 阻止冒泡导致滑动区域内的 @click 事件无效问题,已修改为仅在触发 @touchmove 事件才阻止冒泡

1.0.1(2020-10-29) 下载此版本

无更新


平台兼容性

poput-scroll 产品特点

  1. 手机端阻止滚动穿透、阻止滚动默认事件时用 transform 实现滚动

poput-scroll 使用说明

  1. 本组件主要是阻止滚动穿透、阻止滚动默认事件实现页面滚动, 使用场景一般配合弹窗类组件使用
  2. 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
    }
}
  1. h5 预览 qrcode

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问