2014-11-25 3 views
0

я достиг желаемого дизайна для скроллинга, используя следующие:Изменение полосы прокрутки в Internet Explorer

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

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 8px; 
    background-color: #999; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: #666; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 

Как видно выше изменения, конечно, не для Internet Explorer, где я мог бы просто сделать на данный момент следующее:

body { 
    -ms-scrollbar-base-color: #999; 
    -ms-scrollbar-track-color: #999; 
    -ms-scrollbar-face-color: #666; 
    -ms-scrollbar-arrow-color: #999; 
} 

Я хочу знать, если это возможно воссоздать тот же дизайн, присутствующий на Chrome в IE. Ниже представлены экраны с полосой прокрутки, сначала из Chrome, второй из Internet Explorer.

enter image description hereenter image description here

ответ

2

К сожалению, нет способа перекрестного браузера в стиле прокрутки с CSS. Но вы можете попробовать следующие пользовательские плагины прокрутки JavaScript (в основном jQuery): jQuery Scrollbar, jScrollPane, mCustomScrollbar, perfect-scrollbar, slimScroll, или NiceScroll. Есть больше пользовательских полос прокрутки, но они менее функциональны/хорошо известны.

Смежные вопросы