iOS 网页滚动问题

Question

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

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

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

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

Answer 1

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

将此css代码添加到样式表，然后在滚动问题的页面上添加“sc”类。就像您将手指放在<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>