V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
zgc2537
V2EX  ›  HTML

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

  •  
  •   zgc2537 · 2017-03-07 17:10:15 +08:00 · 3514 次点击
    这是一个创建于 2817 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    4 条回复    2017-03-08 17:25:43 +08:00
    jiangkun
        1
    jiangkun  
       2017-03-07 18:39:29 +08:00 via iPhone   ❤️ 1
    貌似我刚写过一个😅
    zgc2537
        2
    zgc2537  
    OP
       2017-03-07 18:55:07 +08:00
    @jiangkun 请问你有碰到我的问题吗?怎么解决呢?
    jiangkun
        3
    jiangkun  
       2017-03-08 07:45:28 +08:00 via iPhone
    @zgc2537 水平方向我是用的 scroll ,垂直方向是把不需要滚动的地方 fixed 固定,看起来应该跟你这个差不多吧
    zgc2537
        4
    zgc2537  
    OP
       2017-03-08 17:25:43 +08:00
    已自行解决。最外层的容器的高度固定,并禁止了滚动,这时候在此块区域上试图上下滚动,滚动的是最外层,所以滚动不了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   972 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:07 · PVG 04:07 · LAX 12:07 · JFK 15:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.