图片拖拽排序 拖动排序 长按拖动

您所在的位置:网站首页 哪看欧冠直播 图片拖拽排序 拖动排序 长按拖动

图片拖拽排序 拖动排序 长按拖动

#图片拖拽排序 拖动排序 长按拖动| 来源: 网络整理| 查看: 265

关于页面滚动的说明

本来想实现的效果是:当只点击图片,未长按图片触发拖动时,touchmove允许页面滚动;长按图片触发拖动时,禁用页面滚动,同时图片移动到顶部或底部时,代码触发页面滚动。

但因为:

touchmove只能通过.stop.prevent禁用触发滚动,无法按条件进行允许或禁用滚动,所以只能默认禁止触发滚动。

页面滚动的监听只能在外部onPageScroll中监听,组件内无法监听,可通过事件同步到组件内。但经过测试发现parent->component->wxs将页面滚动信息传入组件WXS,再从WXS中触发滚动wxs->component这样传递,性能很低,卡顿非常明显,无法用于实时页面滚动。

scroll-view可通过属性设置滚动位置,同时可通过WXS方便滚动监听,性能较页面滚动稍好一点,但也比较卡,无法上线。

所以目前此插件暂时只能固定高度使用。(要实现需求,估计得用安卓或IOS原生插件的方式了)

PS:其实最好是touchmove中允许在处理函数中通过event.preventDefault()或event.stopPropagation()这种方式来决定是否允许触发滚动,但uniapp为了兼容各端,禁止使用这种方式,必须在xml中写死。(https://uniapp.dcloud.io/vue-basics?id=%e4%ba%8b%e4%bb%b6%e4%bf%ae%e9%a5%b0%e7%ac%a6)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3