Демо:

https://codepen.io/ildar-meyker/pen/gOELMzd

Плагины:

https://gromo.github.io/jquery.scrollbar/

Подключение:

//

<link href="https://cdn.jsdelivr.net/npm/jquery.scrollbar@0.2.11/jquery.scrollbar.min.css" rel="stylesheet" />

<script src="https://cdn.jsdelivr.net/npm/jquery.scrollbar@0.2.11/jquery.scrollbar.min.js"></script>

Разметка:

//

<div class="scroll-jquery scrollbar-inner">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam vel iste provident nesciunt consequuntur ipsam dolore! Adipisci doloremque ad possimus, quasi cum voluptas soluta cumque est, doloribus eaque maiores quae.
</div>

Стили:

// blocks/scrolls/scroll-jquery.scss

.scroll-jquery {
    overflow: auto;
}

Инициализация:

// modules/scroll-jquery.js

$(function () {
    $(".scroll-jquery").scrollbar();
});
Рубрики: модуль

0 комментариев

Добавить комментарий

Avatar placeholder

Ваш адрес email не будет опубликован. Обязательные поля помечены *