scroll-view滚动时防止底层页面穿透问题
发布于 6 年前 作者 limin 12729 次浏览 来自 问答

这是存在时间很长的一个问题了,以前看到不少人都反映过,在下也参与过讨论,但是不明白的是为什么官方一直都不解决

页面内在拥有scroll-view的时候,在scroll-view滚动到底时接着滑动会触发底层页面的滚动效果,这就让人很蛋疼了,这也太扯了,滑动事件竟然可以穿透,而且无法阻止。所以就变成下面这样了

而正常情况下应该是这样的

不要误会,那个标题栏并不是一直以固定的方式在那里的,而是页面滚动到一定位置或者选择弹窗打开的时候才固定在那里

看到有人的回答说底层页面也用scroll-view代替,嗯,没错,这样确实可以防止穿透,可是我需要底层页面的上拉和下拉刷新事件啊,这很重要而且必须,但是scroll-view并不拥有这两种事件。就算官方说以后考虑加,先不说他加不加,以微信官方的这个效率什么时候能做好,光是我去替换的工作量都很大,你们可能无法想象我们的小程序现在首页的隐藏交互有多么互杂…

至于为什么最近我又重提起这个问题了,又涉及到另一个存在已久的交互问题了,在mac开发者工具和android机上,固定在页面顶部的组件会随着下拉刷新事件而一起向下滚动,惊不惊喜?意不意外?

还想再问一句?

到底能不能把这个滑动穿透给禁止了?

至于另一个下拉刷新的问题,你们看心情办就行~

8 回复

结构:

<scroll-view scroll-y="{{判断条件?’ ':‘true’}}" >

</scroll-view>

样式:

page{

height: 100%;

overflow-y:hidden;

}

scroll-view {

height: 100%;

}

什么时候要禁止滚动,文档上有漏洞 ,scroll-y 和 scroll-x 默认值是 false,但判断条件里不能写false要写个 ‘ ’(空)

不然webview

catchtouchmove="{{true}}"

view中添加这个吧,先想办法将就用一下。

也是深受其扰,希望官方能重视。

page这个刷新,犹如断头的效果。。。哈哈哈哈

想请教下兄弟已经解决下拉刷新问题么

微信官方想做自己的“vue”框架,结果精髓都没有学到

插眼,遇到一模一样的问题,由于导航是滚动吸顶的,又不能弹起浮层时把底部高度变100%,说到底都是这个scroll滑动穿透的问题,现在开发工具2.32以上倒是可在外层加catchtouchmove解决,但6.7的手机还是会有这个问题,7.0以上未测过。我现在只能是任由它滑,导航吸顶多一个判断,不至于断头。。。

回到顶部