javascript - 完美滚动改变滚动条

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 上应用 perfect-scrollbar。

---

一点解释:

// 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;