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. 使用Javascript檢測Safari 5
- 2. Safari 5更改使用javascript bookmarklets?
- 3. 使用Javascript/CSS的Safari風格標籤
- 4. iOS Safari - 如何禁用overscroll,但允許可滾動的div正常滾動?
- 5. CSS破解了Safari 5的
- 6. Javascript/CSS禁用iPad上的Safari滾動頁面滾動結束?
- 7. 如何使用Javascript檢測瀏覽器是否爲Safari 5+?
- 8. 使用javascript或CSS擴展表格行
- 9. iPad Safari CSS/Javascript
- 10. 爲SVG元素動態禁用觸摸動作(overscroll)
- 11. Javascript無法在Chrome或Safari中使用
- 12. 啓用/禁用使用Javascript在iPhone safari上縮放?
- 13. Javascript或CSS懸停在Safari和Chrome中不起作用
- 14. 使用CSS或HTML或JavaScript進行列表的內容封裝?
- 15. 使用CSS禁用換行符
- 16. jQuery的禁用=禁用未在Safari
- 17. 禁用JavaScript時禁止CSS動畫?
- 18. 禁用safari web-inspector
- 19. 如果javascript被禁用,備用行爲
- 20. 使用Safari的JavaScript動畫
- 21. 禁用HTML縮小而不是JavaScript或CSS
- 22. Mobile Safari禁用iOS 5中的ajax功能
- 23. 如何編寫Safari(5)特定的CSS?
- 24. 如何使用純的CSS或純javascript
- 25. 如何禁用android listview中的overscroll和反彈?
- 26. 禁用三星Galaxy Tab 2.3.3上的listview overscroll android
- 27. Resharper 5 - 在運行中啓用/禁用
- 28. 使用Javascript禁用類?
- 29. Javascript/JQuery禁用時加載備用CSS
- 30. Chrome和Safari XSLT使用JavaScript
工程就像一個魅力;我覺得這會很簡單。謝啦。 – conmulligan 2012-01-11 21:29:58
不適用於我 - 頁面凍結,無法滾動到任何位置。 – 2014-12-18 00:46:01
也不適用於我。 – Celestis 2015-01-22 16:01:10