iOS网页滚动问题

Question

问题：我使用GoDaddy的Website Builder V7开发了一个基本网站。 在这里看到 - > oktoberfestvisits.com。 它不是以任何方式识别或优化iPad，因为我几乎无法控制生成的HTML等。 所有页面都显示正常，但是，我有两个我不明白的问题。

1. 当试图快速滚动时，即。 向下或向上滑动，页面一次只能滚动大约5行。 页面中是否存在控制或阻止平滑滚动（动量滚动）的内容？ 所有其他网站和网页滚动正常。

2. 当在页面中间时，触摸屏幕顶部的黑色标题栏不会快速回到页面顶部。 像上面一样，是否有控制或阻止这种情况的东西？ 如上所述，所有其他网站和网页都可以正常工作。

如果有必要，我可以添加一些小的HTML，但我不知道是什么原因引起的。 是否需要在我的页面上显示某些内容才能使iPad顺畅滚动？

Answer 1

.sc {
        -webkit-overflow-scrolling: touch;
    }

将此css代码添加到样式表，然后在该滚动问题的页面上添加“sc”类。 就像你把手指放在<input />字段并快速滚动一样，但它不会滚动然后将sc class放在输入字段上或添加到其父元素。

例如

<div class="sc">
   <div class="form-group sc">
         <input type="text" placeholder="First Name"/>
     </div>
     <div class="form-group sc">
         <input type="text" placeholder="Last Name"/>
     </div>
     <div class="form-group sc">
         <input type="text" placeholder="Email"/>
     </div>
     <div class="form-group sc">
         <input type="text" placeholder="Property Units"/>
     </div>
 </div>

Answer 2

整个页面位于一个div position: absolute; 。 我认为这会导致iOS上的滚动错误。

Answer 3

当你使用overflow: hidden或overflow-x: hidden时，iOS似乎有滞后滚动。 尽量避免这种情况。