Smooth-scrollbar события сдвига?
Добрый день использую такой плагин smooth-scrollbar Как получить эвент что когда страница листается выполнить функцию. Посмотрел все методы из документации но нигде нету события move или тому подобной
Ответы (1 шт):
Автор решения: NeedHate
→ Ссылка
Следуя документации:
scrollbar.addListener()
и как результат:
const scrollbar = Scrollbar.init(document.querySelector('#inner-scrollbar'));
scrollbar.addListener((status) => {
console.log('scrolling')
})
#inner-scrollbar {
max-width: 800px;
height: 400px;
border: 1px solid #ccc;
}
<section id="inner-scrollbar" data-scrollbar>
<img src="https://idiotwu.github.io/smooth-scrollbar/images/your_diary.jpg">
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scrollbar/8.5.2/smooth-scrollbar.js"></script>
Но стоит также помнить о предупреждении этого использования:
Notice: the callback functions will be invoked in every small scrolling, so be careful not to add time-consuming listeners which will slow down scrolling.