Perfect scrollbar - скрипт для створення красивих скроллбар у елемента великого розміру

Останній спосіб найбільш кращий, так як він дозволяє розташовувати великі елементи на обмеженому просторі, і при цьому користувач може побачити весь елемент. Однак картину можуть зіпсувати якраз ось ці самі скроллбар: в різних браузерах вони різні, і їх вид псує враження, занадто перевантажуючи враження від сторінки. Для того, щоб скроллбар не були настільки нав'язливими, можна використовувати скрипт Perfect Scrollbar. який робить їх майже непомітними.

Картинка більше елемента в якому вона розташовується.

Якщо підвести до неї курсор, то з'являться скроллбар, рухаючи які, можна подивитися всю картинку.

Установка скрипта відбувається за чотири простих кроки. Насамперед потрібно підключити скрипт. Для цього вказується шлях до скрипту і файлу оформлення скроллбар, і цей код вставляється в файл header.php:

/ Js / perfect-scrollbar / - це шлях до файлів скрипта, який переписали в папку з вашою темою.

Потім потрібно додати в style.css оформлення для елемента, у якого будуть відображатися скроллбар. Для прикладу ми буде використовувати #Demo: