css3自定義移動端滾動條
<pre>
/*定義滾動條寬 高度是根據內容設置的高度決定的*/
::-webkit-scrollbar
{
width: 5px;
}
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
background-color: #fe023f;
}
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #FFF;
}
</pre>
overflow-y: auto; 溢出才顯示滾動條
overflow-y: scroll;始終顯示滾動條