Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно. Вам необходимо обновить браузер или попробовать использовать другой.
Стилизация полосы прокрутки CODE с плагином NiceScroll
1.0
Плагин nicescroll позволяет придать стандартным полосам прокрутки стиль внешне похожий на используемый в ios (как у apple). Поддерживается изменение как вертикальной, так и горизонтальной полосы прокрутки.
В современных браузерах реализовано аппаратное ускорение. Использование animationFrame для более плавной прокрутки и сохранения CPU (если поддерживается браузером)
Скачиваем архив с файлом jquery.nicescroll.js и закидываем его в папку js. Открываем файл page_container_js_head, добавляем в него:
hwacceleration — использовать аппаратное ускорение, если это возможно. Стандартно вкл (default:true)
boxzoom — включение приближения для блочных элементов. Отключено по-стандарту (default:false)
dblclickzoom — (только если включено приближения для блочных элементов) активация приближения только по двойному клику по блоку. Стандартно вкл (default:true)
gesturezoom — (только если включено приближения для блочных элементов и вы зашли с мультитач устройства) активировать приближение при прикасании к блоку. Стандартно вкл (default:true)
grabcursorenabled — показывать иконку «схватить» для блоков, если включена эмуляция тачскрин. Стандартно вкл (default:true)
autohidemode — каким образом скрывать полосу прокрутки, true=default — скрывать полосу прокрутки / false = не скрывать
background — изменить css для подложки полосы прокрутки, стандартно «»
iframeautoresize — автоматически изменять размер фреймов при загрузке их содержимого. Стандартно вкл (default:true)
cursorminheight — установить минимальную высоту полосы прокрутки. Стандартно 20 пикселей (default:20)
preservenativescrolling — дать возможность прокручивать элементы горизонтально, подменяя событие прокрутки колёсиком мышки. Стандартно вкл (default:true)
railoffset — задать оффсет значение для горизонтальной прокрутки, к примеру сверху, слева (default:false)
bouncescroll — включать ли элемент подпрыгивания страницы при достижении верхней или нижней страницы, как на мультитач устройствах. Стандартно выкл (default:false)
spacebarenabled — проматывать страницу вниз при нажатии пробела. Стандартно вкл (default:true)
railpadding — отступы для горизонтальной полосы прокрутки (default:{top:0,right:0,left:0,bottom:0})
disableoutline — убрать окантовку при клике по полосе прокрутки (default:true)
horizrailenabled — активировать управление горизонтальной прокруткой (default:true)
railalign — с какой стороны полоса прокрутки. Стандартно справа (defaul:»right»)
railvalign — положение горизонтальной прокрутки. Стандартно снизу (defaul:»bottom»)
enabletranslate3d — плагин может использовать CSS3 свойства (default:true)
enablemousewheel — перехватывать события колёсика мышки (default:true)
enablekeyboard — отслеживать события клавиатуры (default:true)
smoothscroll — прокручивать страницу с эффектами плавной остановки и запуска (default:true)
sensitiverail — клик по подложке полосы прокрутки прокручивает страницу (default:true)
enablemouselockapi — использовать API событий мышки (используется при перемещении объектов) (default:true)
cursorfixedheight — использовать фиксированную высоту полосы прокрутки (default:false)
hidecursordelay — задержка до исчезновения полосы прокрутки (default:400)
directionlockdeadzone — мёртвая зона до участка блокировки. Хз, что за функция такая (default:6)
nativeparentscrolling — отслеживать конец страницы (default:true)
enablescrollonselection — включить автопрокрутку страницы по мере выделения текста (default:true)