Question

是的，所以我有一个应该滚动的div（在Chrome和其他浏览器中工作正常）。它不会在iOS上滚动，页面本身也在使用jQuery和jQuery Mobile。

这是我的SCSS：

#level-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; left: 100%;
  padding-top: 50px;
  box-sizing: border-box;
  background: rgb(0,0,0);
  overflow-y: auto;

  #level-2-tabs {
    position: fixed;
    top: 50px;
    width: 100%;
    height: 90px;

  #level-2-cards { padding-top: 90px; }

  .level-2-card {
    width: 100%;
    color: black;
    padding: 20px;
    box-sizing: border-box;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;

JQuery在＃level-2-cards div中添加了一堆卡片，我还有一个#page作为包装器：

#page {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

我在某个地方读到了这个位置：固定不被Apple所喜欢所以我改变了它仍然搞砸了，同样添加-webkit-overflow-scrolling：touch和来自此页面的技巧： -webkit-overflow-scrolling: touch; breaks in Apple's iOS8

这些都不起作用。任何帮助都非常感谢。感谢。

Answer 1

也许这个？

#page {
  overflow: visible !important;
}

Answer 2

以及

overflow-y: auto;

添加

-webkit-overflow-scrolling: touch;

iOS不滚动div

2 个答案: