这是存在时间很长的一个问题了,以前看到不少人都反映过,在下也参与过讨论,但是不明白的是为什么官方一直都不解决
页面内在拥有scroll-view的时候,在scroll-view滚动到底时接着滑动会触发底层页面的滚动效果,这就让人很蛋疼了,这也太扯了,滑动事件竟然可以穿透,而且无法阻止。所以就变成下面这样了
而正常情况下应该是这样的
不要误会,那个标题栏并不是一直以固定的方式在那里的,而是页面滚动到一定位置或者选择弹窗打开的时候才固定在那里
看到有人的回答说底层页面也用scroll-view代替,嗯,没错,这样确实可以防止穿透,可是我需要底层页面的上拉和下拉刷新事件啊,这很重要而且必须,但是scroll-view并不拥有这两种事件。就算官方说以后考虑加,先不说他加不加,以微信官方的这个效率什么时候能做好,光是我去替换的工作量都很大,你们可能无法想象我们的小程序现在首页的隐藏交互有多么互杂......
至于为什么最近我又重提起这个问题了,又涉及到另一个存在已久的交互问题了,在mac开发者工具和android机上,固定在页面顶部的组件会随着下拉刷新事件而一起向下滚动,惊不惊喜?意不意外?
还想再问一句?
到底能不能把这个滑动穿透给禁止了?
至于另一个下拉刷新的问题,你们看心情办就行~
使用page-mata设置 overflow: hidden or visible可解决。
我也有个类似的问题,scroll-view里面的内容左右滑动的的时候同时也会出发scroll-view的滑动事件,搞死人,加什么鬼都没用
插眼,遇到一模一样的问题,由于导航是滚动吸顶的,又不能弹起浮层时把底部高度变100%,说到底都是这个scroll滑动穿透的问题,现在开发工具2.32以上倒是可在外层加catchtouchmove解决,但6.7的手机还是会有这个问题,7.0以上未测过。我现在只能是任由它滑,导航吸顶多一个判断,不至于断头。。。
不然webview
饿了么的就换成了webview
我最近也在考虑换成webview呢
微信官方想做自己的“vue”框架,结果精髓都没有学到
也是深受其扰,希望官方能重视。
emmm.........
这次好像又是被官方忽略了,不知道是真的没看见,还是假装没看见
想请教下兄弟已经解决下拉刷新问题么
没有,底层的问题,没有办法解决
难受,我弃用了,穿透阻止下拉刷新用wx.stopPullDownRefresh()暂时替代了
结构:
<scroll-view scroll-y="{{判断条件?' ':'true'}}" >
</scroll-view>
样式:
page{
height: 100%;
overflow-y:hidden;
}
scroll-view {
height: 100%;
}
什么时候要禁止滚动,文档上有漏洞 ,scroll-y 和 scroll-x 默认值是 false,但判断条件里不能写false要写个 ‘ ’(空)
兄弟,在组件的属性是布尔值的时候,你这么写'true'和'false',最后都会转换成true了
在{{}}里布尔值不要加引号啊,要写的话应该这么写
"{{flag ? true : false}}"
还有就是,你这样写三元运算没有意义啊
直接这么写就行了啊
<scroll-view scroll-y="{{!flag}}" >
</scroll-view>
这个方法问题里我有提到,我在很早期的时候也用过这个组件,但因为早期的scroll-view 的一些bug和 scroll-view的上拉下拉的事件体验不好这两个原因,使得我放弃了这个组件,也是无奈之举
试过了,不适合我的需求,还是那个问题,首页的交互过于复杂
page这个刷新,犹如断头的效果。。。哈哈哈哈
第一次在安卓机看到这个效果的时候说实话我震惊了,还有这种操作?