【问题标题】:Any way to make div scroll in ipad?有什么方法可以让 ipad 中的 div 滚动?
【发布时间】:2010-08-16 18:00:14
【问题描述】:

我尝试了很多不同的东西,我一直在寻找,但我一无所获!

帮助任何人?

【问题讨论】:

  • 我自己并没有真正搞砸过这些东西,但是如果你正在使用 jquery 为移动设备开发,你真的应该考虑使用这个:jquerymobile.com
  • 您想通过 UI 或编程方式滚动它吗?
  • +1 提出好问题!只是在研究同样的事情。

标签: javascript jquery ipad


【解决方案1】:

Css 解决方案

-webkit-overflow-scrolling: touch;

【讨论】:

  • 虽然这确实有效,但绝对定位的元素存在问题。例如,我的容器内有一个工具提示以及一些表单元素。如果添加 -webkit-overflow-scrolling: touch,工具提示会隐藏在表单元素下方。此外,您可能会注意到,如果某些元素相对位于容器内,它们可能会变得不可见。您可以通过设置 3d 变换属性来解决此问题,但您仍然会遇到绝对定位问题。
  • 救命稻草!非常感谢。
  • 绝对漂亮。确保将其与溢出一起使用:滚动;
  • 似乎这已成为最新版本 Chrome 中的“未知属性”.. 现在是 -overflow-scrolling
  • 随着时间的流逝,这就是现在真正的答案,无需任何破解。
【解决方案2】:

在 div 上使用两个手指!!!就是这样

【讨论】:

  • 它可以工作,但大多数用户永远不会弄明白。需要以某种方式让他们知道...
  • 同意.. 我永远不会尝试用两根手指滚动。
【解决方案3】:

看看这是否有帮助,那家伙说 div 必须有固定的大小: http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/

如果这不是您想要的,您还可以查看 jqtouch 和类似 jqt.scroll 扩展的内容: (抱歉,我显然只能发布 1 个链接,请在此站点上查找 jqt.scroll.js: code.google.com/p/jqextensions/)

【讨论】:

  • 我还没有尝试过,我发现另一个效果很好......但不适用于在 div 内滚动。我将尝试您发送的那个链接,它听起来非常适合我想做的事情。生病让你知道这是怎么回事
  • jqt.scroll.js 似乎基于 Cubiq.org 的 iScroll 代码(见下文)。
  • Touchscroll 对我来说效果很好,在 uxebu.com 博客中有所描述
【解决方案4】:

iScroll:http://cubiq.org/iscroll-4

外观/工作方式与单指滚动的本机控件一样。

【讨论】:

    【解决方案5】:

    我在所有浏览器和平台上都很幸运 - 包括 iPad:http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

    但是,实际上它只是在元素上添加基本的overflow: auto 效果

    【讨论】:

    • 在 iPad 上,这似乎没有显示滚动条,您仍然需要使用 2 个手指。有没有办法让它显示滚动条并用一根手指滚动?
    【解决方案6】:

    对于带有滚动容器的 iPhone 6,我遇到了非常不寻常的问题,其父级具有 max-height:100%;这种风格不知何故禁用了滚动。当我将父容器样式更改为 height: 100% 时,它可以工作,但关键是要保留最大高度。 所以解决方法是添加

    -webkit-transform: translate3d(0, 0, 0)

    希望这有帮助,我整个下午都在与它打架。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-02
      相关资源
      最近更新 更多