iOS不滚动div

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;
}

我在某处读到那个位置：固定不被苹果喜欢，所以我改变了它，它仍然一团糟，与添加 -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;