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

我在某处读到 position:fixed 不被 Apple 喜欢，所以我更改了它但它仍然搞砸了，与添加 -webkit-overflow-scrolling:touch 和此页面中的技巧相同: -webkit-overflow-scrolling: touch; breaks in Apple's iOS8

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

Answer 1

也许是这个？

#page {
  overflow: visible !important;
}