2011-03-11 182 views
1

我有一個250px x 250px的框。我想讓它滾動,但我不想讓滾動條出現,因爲它們佔用了多少空間。我認爲這是可能的jQuery,但沒有找到任何東西。有人知道嗎?沒有滾動條的jQuery滾動框

回答

5

你可以把你想要滾動的另一個div,其大小設置。並將此容器的css設置爲overflow: hidden;,以便沒有滾動條。然後你可以創建一些觸發容器div上的scrollTo的觸發器(點擊向上/向下箭頭等)。

下面是一個例子: http://jsfiddle.net/UwEe2/

+0

我會試試,謝謝!基本上我只想讓它們能夠通過懸停在盒子上並使用鼠標或觸控板滾動來上下滾動。 – ansarob 2011-03-11 18:52:24

+0

很好的答案,謝謝。 – imjared 2011-09-19 17:22:27

+0

這似乎不適用於根可滾動元素(在某些瀏覽器中,它是body元素,在其他html元素中)。 – trusktr 2012-04-16 08:53:42

0

找到了一個不錯的腳本:jQuery slimScroll,解決您的問題,同時尋找真棒。 (不是我的腳本)