didi / didi/cube-ui

slide嵌套scroll后内外层滚动相互影响

Open
#649 3 comments 0 reactions 1 assignee Claimed by @tank0317 View on GitHub
Dominant language
JavaScript
Stars
9.1k
Forks
1.4k
PR merge metrics
No merged PRs in 30d

Description

### Version
1.12.34

### Reproduction link
[https://codesandbox.io/s/vue-template-9btuy](https://codesandbox.io/s/vue-template-9btuy)

### Steps to reproduce
1 最外层是slide
2 每个slide里面使用纵向的scroll做下拉刷新和加载更多
3 某个slide里纵向的scroll又嵌套了一个横向的scroll(或者slide)

### What is expected?
最里层横向的scroll横向滚动不会带动最外层slide滚动,但是纵向可以带动中间的scroll滚动

### What is actually happening?
1 最里面的scroll使用options.stopPropagation:true导致纵向不能带动中间的scroll滚动,添加options.eventpassthrough:'vertical'也不行。
2 最里面的scroll使用options.stopPropagation:false(默认),则里面不能滚动,滑动的时候会拖动最外面的slide

### Dependencies Version
vue: 2.6.9
better-scroll: 1.15.0

---
能否达到,最里层scroll只阻止横向冒泡,不阻止纵向冒泡的效果

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.