Scroll Bar

Вы хотите создать красивую полосу прокрутки для сайта, ищите в паблике и находите только js!
конечно использовать ява скрипт можно, но во 1 он грузит страницу, а во 2 - не факт что он не будет конфликтовать с вашими же скриптами используемыми в шаблоне

Вот css код

Код:

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #2FBDFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #2FBDFF;
}

Можете вставить его между тегами Head, а можете впихнуть в свой основной стиль и получите красивый и персональный скролл бар для сайта.

P.S. Если вы вставите этот код и будете добавлять новые скролы в блоках, они будут идентичны