移动端页面滚动条的问题,能帮我看看吗?

2017-08-02 11:43:01 +08:00
 firhome
我在移动端页面上写了个页面。

<div class="Box">
<div class="b">
<div class="c">

Box 包住 b 和 c
Box 的样式 fixed,高度 100%,overflow:hidden

b 和 c 左右两列,高度不固定,overflow:auto ;

b 和 c 超出 box 的时候 都会出现滚动条 分别滚动。

现在的问题是 有时候 b,c 滚着滚着 就滚不动了。比如左边滚一下 右边就不能滚了。

请问有遇到这个问题的吗? 我该怎么去查找这方面的资料呢? 试了很多方法 都不行。
2608 次点击
所在节点    JavaScript
4 条回复
iamdhj
2017-08-02 13:50:57 +08:00
Box 都 overflow:hidden 了,你确定里面的 b 和 c 高度超出还能滚动?

最好能贴出完整代码看一下。

这种布局问题一般只能自己做实验找原因,或者换其它类似布局。
BarZu
2017-08-02 17:29:16 +08:00
移动端对 overflow:auto 支持不太好,滑动一般用 IScroll、JRoll 这类插件
owenliang
2017-08-02 17:31:27 +08:00
移动端对 overflow:scroll 支持不行,一般用 iscroll,虽然 iscroll5 基本也不维护了。

可以参考当时写的玩具: https://github.com/owenliang/pullToRefresh
TomIsion
2017-08-02 17:51:48 +08:00
槽点略多 Box { overflow: hidden; } 即便子元素超高也不会滚动的...

还是贴代码吧 -。-

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/379756

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX