iOS 网页滚动问题

Question

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

1. 尝试快速滚动时，即。向下或向上滑动，页面一次只能滚动大约 5 行左右。页面中是否有控制或阻止平滑滚动(Momentum Scrolling)的东西？所有其他网站和网页都可以正常滚动。

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

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

Answer 1

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

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

例如

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