Слияние кода завершено, страница обновится автоматически
Это плагин кастомного скроллбара.
Почему в современной среде фронтенд-разработки он всё ещё нужен? Какие его особенности:
https://xujz520.gitee.io/x-scrollbar/example.html
 |
 |
 |
 |
|---|---|---|---|
| IE9~11 / Edge | Chrome | Firefox | Safari |
В браузерах Internet Explorer отсутствует поддержка двойной прокрутки с помощью трекпада ноутбука, требуется внешняя мышь
<link rel="stylesheet" href="./xscrollbar.css">
<script src="./xscrollbar.js"></script>
Использование CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/x-scrollbar/xscrollbar.css">
<script src="https://cdn.jsdelivr.net/npm/x-scrollbar/xscrollbar.js"></script>
npm i x-scrollbar --save
Необходимо самостоятельно импортировать стиль
node_modules/x-scrollbar/xscrollbar.css
import XScrollbar from 'x-scrollbar';
<!-- Область контейнера -->
<div id="container" style="width: bkpx; height: bkpx; overflow: auto; border: 1px solid #000;">
<!-- Контент -->
<table></table>
</div>
```<script>
let $container = document.getElementById('container');
let xscrollbar = new XScrollbar($container);
</script>
// Чтение
$container.scrollLeft
$container.scrollTop
// Установка
$container.scrollLeft = 100
$container.scrollTop = 100
// Отслеживание прокрутки
$container.addEventListener('scroll', function() {
// ...
})
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )