V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
firhome
V2EX  ›  JavaScript

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

  •  
  •   firhome · 2017-08-02 11:43:01 +08:00 · 2607 次点击
    这是一个创建于 2696 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我在移动端页面上写了个页面。

    <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 滚着滚着 就滚不动了。比如左边滚一下 右边就不能滚了。

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

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

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

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

    还是贴代码吧 -。-
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3149 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:03 · PVG 21:03 · LAX 05:03 · JFK 08:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.