Я использую плагин nicescroll. http://areaaperta.com/nicescroll/
В facebook ширина полосы прокрутки увеличивается, когда курсор перемещается по полосе прокрутки. когда курсор перемещается назад, ширина полосы прокрутки возвращается к ширине по умолчанию. Как мы можем сделать это?
Хотя этот вопрос очень старый. Но, может быть полезно для кого-то еще:
jQuery('html').niceScroll({cursorborder:"",cursorcolor:"#333333",cursorwidth:"8px", boxzoom:true, autohidemode:false});
Я нигде не нашел правильного ответа, поэтому позволил себе опубликовать свое решение:
.nicescroll-cursors {
-webkit-transition: width 0.15s ease-in-out;
-moz-transition: width 0.15s ease-in-out;
-ms-transition: width 0.15s ease-in-out;
-o-transition: width 0.15s ease-in-out;
transition: width 0.15s ease-in-out;
}
.nicescroll-cursors:hover,
.nicescroll-cursors:active {
width: 18px !important;
}