uni-app scroll-view嵌套纵向滚动父scroll总是拦截子scroll滚动，怎么解决？ios端最为明显

分类：uni-app

2019-07-17 03:37 负责人:无分享

9 个回复

consoleLog123 - 向大前端方向迈进！

到现在还没有人解决这个问题吗？

DCloud_UNI_HT

同一个滚动方向吗？

1***@qq.com (作者)

是的，苹果端上下拖动时，子scroll-view要拉个两次或以上次数以上才能动起来

<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower">

.......
```
   .......  

 <scroll-view  scroll-y="true"  @scrolltoupper="upper" @scrolltolower="lower">  

        这里滚动事件总是被拦截  

 </scroll-view>  
```
</scroll-view>

2019-07-18 20:47
哎哟喂

我也是遇到了这个问题，不过方向不一样，外层是Y，多个内层是X，但X方向总是出现滑动不了的情况，文档也没写这种情况怎么处理，请问怎么解决？

2019-12-18 14:25
哎哟喂

iOS最明显，Android 基本没问题

2019-12-18 14:29

1***@qq.com (作者) - 畅游阁科技

是的，纵向滚动
<scroll-view scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower">
.......

   .......  
 <scroll-view  scroll-y="true"  @scrolltoupper="upper" @scrolltolower="lower">  
        这里滚动事件总是被拦截  
 </scroll-view>

</scroll-view>

consoleLog123

请问解决了吗？

2021-10-07 19:40

小涵

请问解决了吗？

lbhzfzy

拦截冒泡吧

lbhzfzy

我也是这个问题我是这么拦截的不过很不优雅会卡在某个点

<scroll-view :scroll-y="ListScrolly" scroll-with-animation = "true"  @scroll="monScroll" style="width: 100%;height: 100%;" @scrolltolower="listscrolltolower">  

        onPageScroll: function(e) {  
            let self = this;  
            let view = uni.createSelectorQuery().select("#tabs-box").boundingClientRect(function(rect) {  
                if ( rect.top <50) {  
                        self.ListScrolly = true  
                } else {  
                        self.ListScrolly = false  
                }  
            }).exec()  
        },

哎哟喂

我也是遇到了这个问题，不过方向不一样，外层是Y，多个内层是X，但X方向总是出现滑动不了的情况，文档也没写这种情况怎么处理

iOS最明显，Android 基本没问题

刚发现，iOS端，真机测试，

手指非常非常慢去滑动X方向的Scroll，是完全没问题的，只要稍快就不行了

同样的，在X方向的Scroll上，用手指非常非常慢上下滑动，外层就可以上下滚动，一快就不行，除非是在非X方向的sroll外上下滑动

5***@qq.com - APP开发

滚动子scroll-view时把父级的滚动禁止scroll-y="false";

按时付款撒 - 啊实打实打算

真没有人解决吗？这个bug额太恶心了

该问题目前已经被锁定, 无法添加新回复

uni-app scroll-view嵌套纵向滚动父scroll总是拦截子scroll滚动，怎么解决？ios端最为明显

9 个回复

公告

相关问题

uni-app scroll-view嵌套 纵向滚动 父scroll总是拦截子scroll滚动，怎么解决？ios端最为明显

与内容相关的链接

9 个回复

公告

相关问题

uni-app scroll-view嵌套纵向滚动父scroll总是拦截子scroll滚动，怎么解决？ios端最为明显