如何創建水平和垂直滾動條

Question

如何在不使用任何插件的情況下創建水平和垂直滾動條，如this頁面。下面是我想：Screenshot

Answer 1

，如果你想formattng滾動條，然後使用名爲pluggins請儘量將

elementname { 
overflow-x:scroll 
overflow-y:scroll 
} 

'JScrollPane的' http://jscrollpane.kelvinluck.com/

Answer 2

要做到這一點您首先需要爲容器設置固定高度（用於垂直滾動）或固定寬度（用於水平滾動）。然後，您可以使用overflow-x和overflow-y來告訴瀏覽器如何處理超出該寬度/高度的內容。在這種情況下，您想使用scroll選項或auto。 scroll表示滾動條將始終顯示,auto表示如果有足夠的內容需要滾動條，瀏覽器將只顯示滾動條。

.scroll-horizontal { 
    overflow-x: auto; 
    width: 200px; 
} 

.scroll-vertical { 
    overflow-y: auto; 
    height: 200px; 
}