Лучше модернизируй стандартный, нежели делать свой.
::-webkit-scrollbar { /* 1 - скроллбар */
width: 4px;
height: 4px;
background-color: #FFFFFF;
}
::-webkit-scrollbar-button { /* 2 - кнопка */
}
::-webkit-scrollbar-track { /* 3 - трек */
}
::-webkit-scrollbar-track-piece { /* 4 - видимая часть трека */
}
::-webkit-scrollbar-thumb { /* 5 - ползунок */
border-radius: 2px;
background-color: #d1d1d1;
}
::-webkit-scrollbar-corner { /* 6 - уголок */
}
::-webkit-resizer { /* 7 - изменение размеров */
}
Еще можешь воспользоваться этим:
manos.malihu.gr/jquery-custom-content-scroller
Но повторю, лучше стандартный, с кастомными всегда проблемы, и не факт что ты с ними столкнешься, но какой-то пользователь может. а может сам заказчик и ты не будешь знать как решать проблему, что скрол дергается например.
