【问题标题】:overflow:auto not working in touch devices(iOS)溢出:自动在触摸设备中不起作用(iOS)
【发布时间】:2013-08-28 14:55:27
【问题描述】:

我已经使用 twitter bootstrap 实现了一个网站。在网站的顶部,我使用了一个导航栏,在里面使用了一个下拉菜单。下拉菜单由

  • 标签组成。我在该 dropdwon 菜单中显示成员列表。当成员列表增长时,下拉菜单会水平增长,为此我在下拉菜单类中添加了overflow: auto。现在它显示一个垂直滚动条,并且在浏览器中工作正常。

    但同样的事情在 iPad 和其他 iOs 设备上不起作用。我用谷歌搜索了它,发现 -webkit-overflow-scrolling: touch 应该可以工作。但这对我不起作用。还存在许多其他解决方案,但不幸的是不适合我。

    有没有更好的解决方案。可能是我们使用 css 本身可以做的任何事情。

【问题讨论】:

  • 同时使用overflow: scroll-webkit-overflow-scrolling: touch;link。并查看此链接Barrow.io
  • 是的,到处都写着 -webkit-overflow-scrolling: touch;应该可以,但不知道为什么它不适合我。
  • overflow: scroll 一起使用而不是与overflow: auto..
  • 它不起作用是因为我试图将它用于 标签,它应该适用于 吗?由于我使用的是 twitter bootstrap dropdwon-menu,因此我无法在此处添加 > div >。

标签: javascript css twitter-bootstrap webkit scroll


【解决方案1】:

将 css 属性添加到您的 div 标签 -webkit-overflow-scrolling: touch

【讨论】:

  • 我必须在
    • 标签中显示滚动条。
  • 把它放在一个容器中,并在 css 中添加该属性
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-02-11
  • 1970-01-01
  • 2013-02-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多