search

didi / mand-mobile

💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
https://didi.github.io/mand-mobile
Apache License 2.0
3.46k stars 772 forks source link

DropMenu 组件下拉选项div无法滑动 #685

Closed stonemakers closed 4 years ago

stonemakers commented 4 years ago

DropMenu 组件下拉选项div自定义高度，无法滑动，如下图 picture

xxyan0205 commented 4 years ago

参考 https://didi.github.io/mand-mobile/examples/#/drop-menu 示例二，或提供复现问题的示例链接

stonemakers commented 4 years ago

参考 https://didi.github.io/mand-mobile/examples/#/drop-menu 示例二，或提供复现问题的示例链接

示例二是因为限制了最外层div的高度，是可以滚动的 我的页面是无限下滑加载的页面，所以是自适应高度，在这种情况下无法滚动

picture

xxyan0205 commented 4 years ago
stonemakers commented 4 years ago

抱歉，看不到您的回复

zouhangwithsweet commented 4 years ago

看下这个 FullSizeRender-_1_

stonemakers commented 4 years ago

看下这个 FullSizeRender-1 这个源码能提供一下么？

stonemakers commented 4 years ago

看下这个 FullSizeRender-1 这个源码能提供一下么？

我知道了，你这个是因为限制了外层的最大高度，所以是可以滚动的。如果最外层container的高度是未知的无限下拉的，就无法滚动了

zouhangwithsweet commented 4 years ago

未知高度和滚动似乎是相悖的；滚动的原理就是外层的高度固定，内部元素超出其高度

zouhangwithsweet commented 4 years ago

可以看下这个文档：滚动原理

stonemakers commented 4 years ago

可以看下这个文档：滚动原理

picture

zouhangwithsweet commented 4 years ago

提供一个复现链接？

stonemakers commented 4 years ago

提供一个复现链接？

内网穿透测试链接 会比较慢 你看一下 点击访问

zouhangwithsweet commented 4 years ago

看了一下布局，感觉是布局导致的问题。由于你的一些 css 设置导致下图的代码没有执行。可以考虑重新换个布局 image

stonemakers commented 4 years ago

看了一下布局，感觉是布局导致的问题。由于你的一些 css 设置导致下图的代码没有执行。可以考虑重新换个布局 image

你们这个组件设计的时候，布局结构都是fixed，是以浏览器进行定位的。即便在外层套div为relative也无法再次定位。修改起来会比较麻烦。。