2011-07-09 87 views
5

我已經搜索了這個問題的答案,並遇到了 hide scrollbar while still able to scroll with mouse/keyboard但jQuery插件並沒有完全做我想做的事情。首先,滾動感覺有點草率和不可控制。 我需要這個的原因很簡單:當您展開某些項目並且滾動條出現在側面並且使所有內容都向左移動時,我的頁面會變得更長一些。我想有一種方法可以避免這種情況,既可以隨時保持滾動條可見,也可以完全隱藏滾動條,但仍然保持本地滾動能力。隱藏滾動條,但保持滾動本地的感覺

下面是我的意思的一個例子:http://screencast.com/t/Roi3HJtHyH當長條目被點擊時內容向左移動,這種效果看起來有點難看。

回答

1

這是標準的瀏覽器行爲。

帶走滾動條降低了用戶友好性。


您可以將滾動條設置爲始終可用CSS保持可見。

CSS:

body { 
    overflow-y: scroll; 
} 
+0

我想我會去爲這個呢。看起來是最合適的解決方案。 –

0

如果你真的要禁用滾動(在一個框架,用於滾動最壞的地方),然後使用滾動=無。

13

只是爲了完整起見,要回答你的問題,這裏是the scrollable page without scrollbar

請注意,這不是首選,我也會強制滾動條,因爲Lobello已經回答了。

+0

順便說一下,似乎不適用於觸摸設備。至少iPad的Safari移動說不。 – Joonas

+0

@洛貝羅嗯,有趣。另一個不使用它的原因。 – NGLN

+0

@NGLN:在Chrome/Safari中試用您的演示:突出顯示/選擇一條線並將鼠標拖至右側,您將看到滾動條。或者使用textarea而不是內部元素,然後用一些文本填充它。然後使用鍵盤鍵「Page Up」和「Page Down」。 – Mori

-1

這個工作對我來說:

body{ 
     overflow:hidden; 
    }