zgc2537
V2EX  ›  HTML

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

  •  
  •   zgc2537 · Mar 7, 2017 · 4390 views
    This topic created in 3371 days ago, the information mentioned may be changed or developed.

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

    4 replies    2017-03-08 17:25:43 +08:00
    jiangkun
        1
    jiangkun  
       Mar 7, 2017 via iPhone   ❤️ 1
    貌似我刚写过一个😅
    zgc2537
        2
    zgc2537  
    OP
       Mar 7, 2017
    @jiangkun 请问你有碰到我的问题吗?怎么解决呢?
    jiangkun
        3
    jiangkun  
       Mar 8, 2017 via iPhone
    @zgc2537 水平方向我是用的 scroll ,垂直方向是把不需要滚动的地方 fixed 固定,看起来应该跟你这个差不多吧
    zgc2537
        4
    zgc2537  
    OP
       Mar 8, 2017
    已自行解决。最外层的容器的高度固定,并禁止了滚动,这时候在此块区域上试图上下滚动,滚动的是最外层,所以滚动不了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2577 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 11:42 · PVG 19:42 · LAX 04:42 · JFK 07:42
    ♥ Do have faith in what you're doing.