要替換瀏覽器滾動條我自己

Question

我在我的主頁設計一個問題。問題是我不想要一個瀏覽器提供的滾動條。我已經創建了自己的滾動條，所以請給我提示如何做到這一點？

1. 我可以使用jQuery？
2. 我能做到這一點通過HTML？

Answer 1

樣式化滾動條是不是任何標準的一部分，它的實現方式不同在不同的瀏覽器。因此，您需要使用一些JavaScript代碼來確保您的樣式在瀏覽器中一致地應用。檢出jScrollPane，一個jQuery插件。

Answer 2

您可以選擇change the color settings of the browser's scrollbar，也可以將內容限制爲頁面內的元素，並創建一個JavaScript腳本（可能使用jQuery）來瀏覽該元素，如果其內容溢出。

後來的Google search包含許多教程，應該能夠幫助你。

Answer 3

我得到了它

body { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 10px; 
    overflow-y: auto; 
    overflow-x: hidden; 
} 


html { 
    overflow-y: auto; 
    background-color: transparent; 
} 


::-webkit-scrollbar { 
    width: 10px; 
    height: 10px; 
} 


::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment { 
    height: 30px; 
    display: block; 
    background-color: transparent; 
} 



::-webkit-scrollbar-track-piece { 
    background-color: #3b3b3b; 
    -webkit-border-radius: 6px; 
} 


::-webkit-scrollbar-thumb:vertical { 
    height: 50px; 
    background-color: #666; 
    border: 1px solid #eee; 
    -webkit-border-radius: 6px; 
}