zoukankan      html  css  js  c++  java
  • ipad safari 滚动(overflow)解决方案

    项目需要放到ipad应用了,发现有一个奇怪的问题,就是我div是设置滚动属性的,在pc上面的各个浏览器页面变小时,会出现滚动条,可是是ipad的safari,则不会滚动,开始以为是div的问题

    但发现页面的源代码贴出来后,div又可以滚动了,所以判断safari也是支持滚动条的,只是他隐藏了而已,后来发现 我外层是嵌套一个iframe的,终于找到问题的关键了

    于是在iframe的外层加入一个div

    <div class="container" style="-webkit-overflow-scrolling:touch; overflow: auto;">
            <iframe width="100%" id="main" name="main" src="main.aspx" frameborder="0" scrolling="auto"></iframe>
    </div>

    主要是style="-webkit-overflow-scrolling:touch; overflow: auto;"这个样式,让他支持界面touch和自动滚动

    这样界面就可以滚动咯

  • 相关阅读:
    12 go实现几中基本排序算法
    5 控制语句
    9 函数
    4. 常量与运算符
    AI
    AI
    AI
    AI
    ML
    ML
  • 原文地址:https://www.cnblogs.com/linyijia/p/3638194.html
Copyright © 2011-2022 走看看