2013-11-14 190 views
0

有無論如何隱藏網頁瀏覽器的滾動條,jQuery或CSS?我仍然想滾動一個元素,因此我不想使用隱藏網頁瀏覽器滾動條

overflow: hidden 

在此先感謝。

+2

如何被人認爲如果沒有滾動條滾動? – Quentin

+1

溢出隱藏在頁面上,容器溢出自動 – mplungjan

+1

爲什麼要這樣做,而不是惹惱你的用戶? –

回答

-1

overflow: hidden應用於body是移除主窗口滾動條的唯一可靠/跨瀏覽器方法。

您仍然可以將overflow: scrolloverflow: auto應用於後代元素以允許內部滾動。這將有助於獲得有關您的具體情況的更多細節。

+0

是的,但應用溢出隱藏我不能滾動內的元素(不顯示滾動條) – Antegeia

+0

你可以使用'overflow:hidden'來隱藏默認滾動條,然後滾動你的內容使用JavaScript的任何元素(你可以做到這一點自定義jQuery很容易,或者使用類似jScrollPane的東西)。否則,我不確定你在這裏期待什麼 - 你需要一個滾動條滾動! – Ennui

+0

所以你不是在說隱藏瀏覽器的滾動條,而是隱藏元素的滾動條。然後檢查我的編輯... – Legionar

3

overflow: hidden;適用於body將僅在瀏覽器中禁用滾動條,在您的內部元素中仍然可以使用它們。

到目前爲止,我們有溢出:隱藏在身體上。不過IE並不總是遵守這個規則,你也需要在body元素上放置scroll =「no」,並且/或者放置overflow:隱藏在html元素上。

當你需要「採取控制」你可以做到這一點的視口的你還能幫您: -

<style> 
body {width:100%; height:100%; overflow:hidden, margin:0} 
html {width:100%; height:100%; overflow:hidden} 
</style> 

在身體上的元素給予高度100%有窗的整個高度視,和元素定位成絕對,使用底:nnPX將被設置窗口的底部邊緣上方NN像素等

編輯:

我猜你寫的混亂:)

如果你不是在談論瀏覽器的滾動條,但有關隱藏元素的滾動條,但仍然能夠裏面滾動,比檢查此鏈接:http://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-still-scrollable-using-css/