关于modal与滚动

  • 需求：页面为列表，有下拉刷新，弹出modal内部有部分内容超出滚动
  • 实现：view中添加scroll-view，scroll-view可以滑动
  • 问题点：但是滑动会穿透到底部页面，造成页面的滚动和下拉刷新
  • 思路

disable-scroll: 是否阻止区域内滚动页面

第一个想到的是disable-scroll，设置之后会禁用页面滚动
但是内部的scroll-view也不会滚动了

allowsBounceVertical：页面是否支持纵向拽拉超出实际内容

第二个想到的是页面json配置allowsBounceVertical：false
但是会阻止页面的下拉刷新，并且页面没有回弹效果，只能静态配置，
如果页面没有下拉刷新的话，可以使用这种方式进行配置

结论：如果有下拉刷新的列表页面不能实现内部部分滚动的modal

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

推荐阅读更多精彩内容

  • better-Bscroll
    谢谢作者的文章 非常喜欢 请允许收藏！ 博客园首页博问闪存新随笔订阅管理 vue之better-scroll的封装...
    peng凯阅读 16,567评论 2赞 5
  • 2017-05-28
    痴情总被无情笑，无情常遇有情人。 有情难遇痴情种，却把良人比旧人。
    关外仕阅读 306评论 0赞 0
  • 2018-04-09
    一片相思一段情 片片情起枯叶蝶 一叶一蝶是相思 化作满天相思念
    南巷有北街阅读 172评论 0赞 0
  • 六月30
    今天考完试之后就马上回家，车上睡了1h实在是太累了……… 回到家，和妈妈一起逛了逛，好吧，估计在家带不了几天，由于...
    忽尔今至阅读 206评论 1赞 0
  • 美文翻译
    Like the sprinkling of stars in the heavens, dynamic Indo...
    云吞姑娘阅读 1,921评论 0赞 1