OS X Lion上的Safari 5允許您滾動瀏覽頁面的可見邊界,在其下方顯示亞麻布紋理。這是一個很好的效果,但對於一些網絡應用程序 - 尤其是那些帶有固定位置元素(如側邊欄)的應用程序 - 可能會讓人分心。有誰知道如何使用CSS或JavaScript禁用效果?這一定是可能的,因爲像蘋果自己的iCloud這樣的網站已經這樣做了。使用CSS或JavaScript禁用Safari 5的「overscroll」行爲
回答
有一個blog post說明您需要做什麼來禁用Mac OS X和iOS設備上的彈性滾動。據現場看起來是如下面的CSS規則簡單的桌面瀏覽器:
body { overflow: hidden; }
html { overflow: hidden;}
body { overflow: scroll;}
這不適合我。 – sj26 2013-11-28 08:40:04
也沒有爲我工作 – tallgirltaadaa 2016-04-22 13:06:52
不適用於我... – 2018-01-15 11:43:49
該做的伎倆:
body,
html {
position: fixed;
}
測試,與iOS8上,和iOS9驗證。
不適用於Mac OS X El上尉在Chrome – 2016-10-07 02:59:56
這適用於我在iOS 11 Safari – neaumusic 2017-11-10 00:36:57
- 1. Ext.dataview.ListView:禁用Overscroll?
- 2. 使用Javascript檢測Safari 5
- 3. Adobe PhoneGap Build禁用Overscroll
- 4. Safari 5更改使用javascript bookmarklets?
- 5. 禁用Javascript行爲
- 6. 使用Javascript/CSS的Safari風格標籤
- 7. 使用CSS或JavaScript
- 8. iOS Safari - 如何禁用overscroll,但允許可滾動的div正常滾動?
- 9. Windows Phone 8.1 ScrollViewer禁用overscroll效果
- 10. Javascript/CSS禁用iPad上的Safari滾動頁面滾動結束?
- 11. CSS破解了Safari 5的
- 12. 如何使用Javascript檢測瀏覽器是否爲Safari 5+?
- 13. 使用javascript或CSS擴展表格行
- 14. iPad Safari CSS/Javascript
- 15. 複製/使用CSS或JavaScript
- 16. Javascript無法在Chrome或Safari中使用
- 17. iOS 5 Safari JavaScript超時執行超時
- 18. 爲SVG元素動態禁用觸摸動作(overscroll)
- 19. 使用Xcode 5禁用ARC
- 20. 啓用/禁用使用Javascript在iPhone safari上縮放?
- 21. Javascript或CSS懸停在Safari和Chrome中不起作用
- 22. 禁用或設置只讀HTML 5通過jquery/javascript的畫布
- 23. 動畫變更爲「已禁用」使用jQuery的(或Javascript)
- 24. 使用CSS或HTML或JavaScript進行列表的內容封裝?
- 25. 需要一個自動換行使用CSS或JavaScript或jQuery的
- 26. 使用CSS禁用換行符
- 27. jQuery的禁用=禁用未在Safari
- 28. 禁用JavaScript時禁止CSS動畫?
- 29. 禁用safari web-inspector
- 30. 禁用Safari擴展
工程就像一個魅力;我覺得這會很簡單。謝啦。 – conmulligan 2012-01-11 21:29:58
不適用於我 - 頁面凍結,無法滾動到任何位置。 – 2014-12-18 00:46:01
也不適用於我。 – Celestis 2015-01-22 16:01:10