2012-01-11 51 views
12

OS X Lion上的Safari 5允許您滾動瀏覽頁面的可見邊界,在其下方顯示亞麻布紋理。這是一個很好的效果,但對於一些網絡應用程序 - 尤其是那些帶有固定位置元素(如側邊欄)的應用程序 - 可能會讓人分心。有誰知道如何使用CSS或JavaScript禁用效果?這一定是可能的,因爲像蘋果自己的iCloud這樣的網站已經這樣做了。使用CSS或JavaScript禁用Safari 5的「overscroll」行爲

回答

12

有一個blog post說明您需要做什麼來禁用Mac OS X和iOS設備上的彈性滾動。據現場看起來是如下面的CSS規則簡單的桌面瀏覽器:

body { overflow: hidden; } 
+1

工程就像一個魅力;我覺得這會很簡單。謝啦。 – conmulligan 2012-01-11 21:29:58

+4

不適用於我 - 頁面凍結,無法滾動到任何位置。 – 2014-12-18 00:46:01

+1

也不適用於我。 – Celestis 2015-01-22 16:01:10

0
html { overflow: hidden;} 
body { overflow: scroll;} 
+1

這不適合我。 – sj26 2013-11-28 08:40:04

+0

也沒有爲我工作 – tallgirltaadaa 2016-04-22 13:06:52

+0

不適用於我... – 2018-01-15 11:43:49

1

該做的伎倆:

body, 
html { 
    position: fixed; 
} 

測試,與iOS8上,和iOS9驗證。

+0

不適用於Mac OS X El上尉在Chrome – 2016-10-07 02:59:56

+0

這適用於我在iOS 11 Safari – neaumusic 2017-11-10 00:36:57