更改滚动条具有完善的滚动

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;