更改滾動條具有完善的滾動

Question

我試圖找到一種方式來滾動條更改爲一個完美的滾動條的整個頁面

http://noraesae.github.io/perfect-scrollbar/

任何方式做到這一點？

Answer 1

在保存所有頁面代碼的正文下創建一個div。給這個CSS的div：

position:absolute; 
top:0px; 
bottom:0px; 
right:0px; 
left:0px; 
overflow: scroll; 

然後只是在div上應用完美的滾動條。

---

一點解釋：

// Set the div's position 
position:absolute; // Set the div display to be relative to the document 

// Make the div cover the full page 
// by setting all directions px to 0 
top:0px;   // Set the div start from top 
bottom:0px;  // Set the div start from bottom 
right:0px;   // Set the div start from right 
left:0px;   // Set the div start from left 

// Set the div to show a scrollbar on overflow 
overflow: scroll;