IOS 微信浏览器中,在横向滚动区域操作,不可以竖向滚动父容器内容

2017-03-07 17:10:15 +08:00
 zgc2537

最近一个项目是做微信端的,在 IOS 版本中出了一个很狗血的问题,在一块可以横向滚动的区域,上下滚动无效(上下滚动内容是父容器的内容),其他区域上下滚动正常, android 版本没有问题,有没有童鞋碰到此问题。 PS : 1.我看了京东的页面也有横向滚动的内容,但是在此区域进行父容器内容上下滚动是没有问题的,我按照他们实现上下滚动的方式去做,发现我的问题仍然存在。 2.我的左右滚动方式的实现方式是:父容器固定屏幕宽度,设置滚动内容的容器长度大于父容器宽度。 3.京东的实现方式是:width: 100%;white-space: nowrap; overflow: hidden;overflow-x: auto;

3395 次点击
所在节点    HTML
4 条回复
jiangkun
2017-03-07 18:39:29 +08:00
貌似我刚写过一个😅
zgc2537
2017-03-07 18:55:07 +08:00
@jiangkun 请问你有碰到我的问题吗?怎么解决呢?
jiangkun
2017-03-08 07:45:28 +08:00
@zgc2537 水平方向我是用的 scroll ,垂直方向是把不需要滚动的地方 fixed 固定,看起来应该跟你这个差不多吧
zgc2537
2017-03-08 17:25:43 +08:00
已自行解决。最外层的容器的高度固定,并禁止了滚动,这时候在此块区域上试图上下滚动,滚动的是最外层,所以滚动不了。

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

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

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

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

© 2021 V2EX