Question

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

尝试快速滚动时，即。向下或向上滑动，页面一次只能滚动大约5行。页面中是否存在控制或阻止平滑滚动（动量滚动）的内容？所有其他网站和网页都可以滚动。
当在页面中间时，触摸屏幕顶部的黑色标题栏不会快速回到页面顶部。像上面一样，是否有控制或阻止这种情况的东西？如上所述，所有其他网站和网页都可以正常工作。

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

Answer 1

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

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

e.g。

<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

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

Answer 3

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

iOS网页滚动问题

3 个答案: