iOS网页滚动问题

Question

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

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

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

如果需要，我可以做一些小的HTML添加，但我不知道是什么原因造成的。有什么需要在我的网页上，以便iPad平滑滚动吗？

Answer 1

整个页面与position: absolute;分隔。我认为这会导致iOS上的滚动错误。

Answer 2

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

Answer 3

看来，iOS版具有laggy滚动当您使用overflow: hidden或overflow-x: hidden。尽量避免这种情况。