2015-06-24 155 views
2

我試圖禁用從iOS Safari頁面頂部向下拉或從底部向下拉時導致的彈性滾動/反彈。在iOS Safari中禁用彈性滾動

我已經試過下面,我看到有人說作品但不適合我到目前爲止工作的技術:

html, 
body { 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 

    #ios-scroll-wrapper { 
     overflow: auto OR scroll; 
    } 
} 

這東西是不是能夠在iOS上的Safari現在停用?這是非常煩人的,因爲我在屏幕頂部有一個固定的標題/導航,並拉下頁面,導致彈性滾動將所有內容從標題中拉開或與上面的修復相結合,將拉下內容,標題將消失。

編輯:就像一個參考,這個網頁/網站沒有使用PhoneGap和我看到的很多解決方案到目前爲止使用PhoneGap。

+0

可能重複http://stackoverflow.com/questions/23862204/disable-ios-safari-指出彈性滾動) – karlingen

回答

-1

嘗試這種情況:

overflow-y: scroll; 
-webkit-overflow-scrolling: touch; 

截至Css-tricks

[禁用IOS的Safari彈性滾動](的
+0

「-webkit溢出滾動」似乎處理您在移動設備上快速平滑滾動。我還沒有找到任何CSS方法來阻止反彈/彈性的事情。有JS解決方案在那裏很煩人 – Francisc0

相關問題