iOS網頁滾動問題

問題：我使用GoDaddy的網站生成器V7開發了一個基本網站。在這裏看到 - > oktoberfestvisits.com。由於我對生成的HTML等幾乎沒有任何控制，因此它不會以任何方式感知或優化iPad。所有頁面都顯示正確顯示，但是，我有兩個問題我不明白。iOS網頁滾動問題

當試圖快速滾動，即。向下滑動或向上滑動，頁面一次只滾動大約5行。頁面中是否存在控制或防止平滑滾動（Momentum Scrolling）的內容？所有其他網站和網頁滾動罰款。
當在頁面中間時，觸摸屏幕頂部的黑色標題欄不會回彈到頁面頂部。像上面那樣，是否有東西可以控制或防止這種情況？像上面一樣，所有其他網站和網頁都能正常工作。

如果需要，我可以做一些小的HTML添加，但我不知道是什麼原因造成的。有什麼需要在我的網頁上，以便iPad平滑滾動嗎？

來源

2014-10-04 Keith Vozel

整個頁面與position: absolute;分隔。我認爲這會導致iOS上的滾動錯誤。

來源

2014-10-04 17:35:54

由於我無法控制大部分生成的內容，我可以重寫這個嗎？ – 2014-10-04 18:31:51

我不這麼認爲。如果你不能改變CSS，那是不可能的... – 2014-10-04 18:34:07

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

來源

2017-07-31 07:59:55

看來，iOS版具有laggy滾動當您使用overflow: hidden或overflow-x: hidden。儘量避免這種情況。

來源

2018-03-08 23:00:55 JoostS

iOS網頁滾動問題

回答

相關問題