Редактировать пользовательские полосы прокрутки с помощью JavaScript?

Question

Редактировать пользовательские полосы прокрутки с помощью JavaScript?

0

Можно ли редактировать пользовательские полосы прокрутки с помощью javascript?

Это мой собственный полоса прокрутки:

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 1px 1px 6px 1px grey; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: yellow; 
    -webkit-box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #000000;
}

Изменение полосы прокрутки (не работает):

jQuery('::-webkit-scrollbar').css('width', '120px');
jQuery('::-webkit-scrollbar-thumb').css('background', 'orange');

или

document.body.scrollbar.style.width = '120px';
document.body.scrollbar.thumb.style.background = 'orange';

Как это можно сделать? Спасибо.

usandfriends 29 март 2014, в 17:55

Источник

0

Что я пытаюсь сделать с этим, так это создать собственную полосу прокрутки, которая реагирует на то, когда на нее наводит курсор мыши. Когда указатель мыши находится над полосой прокрутки, ширина увеличивается, поэтому пользователю легче перетаскивать ползунок.
usandfriends 30 март 2014, в 04:53

Теги:

javascript

jquery

css

scrollbar

1 ответ

Ещё вопросы

Что я пытаюсь сделать с этим, так это создать собственную полосу прокрутки, которая реагирует на то, когда на нее наводит курсор мыши. Когда указатель мыши находится над полосой прокрутки, ширина увеличивается, поэтому пользователю легче перетаскивать ползунок.

usandfriends · Accepted Answer · 2014-04-03T20-39-00.000Z

После нескольких часов исследований я обнаружил, что редактировать панель прокрутки по умолчанию браузера с помощью javascript невозможно.

Единственным решением, которое я нашел жизнеспособным, было использование возможностей jScrollPane и jQuery .hover() для редактирования пользовательской html-прокрутки.

Вы также можете применить CSS к пользовательскому html-scrollbar, делая его похожим на браузер defalt scrollbar + редактирование javascript.

Пример этого можно найти здесь.