小程序 scroll-view滑动穿透问题

这几天公司有一个小程序项目要写,其中有一个需求是这样的:





用户点击的时候弹出遮挡层,当用户滑动的时候会造成滑动穿透,为了解决这个问题百度了好几个小时,头疼。

不废话,上方法:


让这个整体不超过设备的显示的高度,也就是说不让滚动轴显示出来,而滑动的时候只是滑动scroll-view区域

当遮罩层出来的时候,滑动遮罩层里面的scroll-view的时候,给底部的scroll-view设置上ovflow:hidden,这样底部的scroll-view就不会滑动,


思路:

    遮挡层里面的scroll-view滑动时候,给底层scroll-view设置ovflow:hidden, 底层的scroll-view的高度+其他高度不能超过屏幕显示的高度(因为超过page就会显示滚动条)

如果有透明的背景,需要给背景加上catchtouchmove事件(阻止在透明背景滚动穿透)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,018评论 3 119
  • 只需要简单几个步骤,只需要demo中的DynamicBean和ReadJsonFile和Root和MainActi...
    鼾声鼾语阅读 5,609评论 0 1
  • 任何伟大事业的结果跟人的努力未必正相关,我们不妨有两种态度。一种是,你努力了,还不成,那就认怂、另一种态度,光有努...
    Jeffshi阅读 317评论 0 0
  • 今天母亲生日,平安夜的生日。回贵阳也有好些年了,老听说贵阳市的平安夜,市区交通排山倒海,简直是封路的状态,人山人海...
    广寒书院杯者倚天阅读 439评论 0 0