最近一个项目是做微信端的,在 IOS 版本中出了一个很狗血的问题,在一块可以横向滚动的区域,上下滚动无效(上下滚动内容是父容器的内容),其他区域上下滚动正常, android 版本没有问题,有没有童鞋碰到此问题。 PS : 1.我看了京东的页面也有横向滚动的内容,但是在此区域进行父容器内容上下滚动是没有问题的,我按照他们实现上下滚动的方式去做,发现我的问题仍然存在。 2.我的左右滚动方式的实现方式是:父容器固定屏幕宽度,设置滚动内容的容器长度大于父容器宽度。 3.京东的实现方式是:width: 100%;white-space: nowrap; overflow: hidden;overflow-x: auto;
1
jiangkun 2017-03-07 18:39:29 +08:00 via iPhone 1
貌似我刚写过一个😅
|
3
jiangkun 2017-03-08 07:45:28 +08:00 via iPhone
@zgc2537 水平方向我是用的 scroll ,垂直方向是把不需要滚动的地方 fixed 固定,看起来应该跟你这个差不多吧
|
4
zgc2537 OP 已自行解决。最外层的容器的高度固定,并禁止了滚动,这时候在此块区域上试图上下滚动,滚动的是最外层,所以滚动不了。
|