Як перевірити, чи видима смуга прокрутки в jQuery?
Використання властивостей scrollTop і scrollLeft
- Виберіть конкретний елемент.
- Використовуйте властивості scrollTop і scrollLeft.
- Якщо вони більші за 0, смуги прокрутки присутні.
- Якщо вони дорівнюють 0, спочатку встановіть для них значення 1 і перевірте ще раз, щоб дізнатися, чи отримано результат 1.
- Нарешті, поверніть їх на 0.
Is Scrollable — це надзвичайно маленький плагін jQuery для визначення того, чи можна прокручувати елемент і чи має він вертикальні та/або горизонтальні смуги прокручування. Підтримує обидва jQuery. scrollLeft() і . методи scrollRight(), які повертають кількість пікселів, на яку вміст вашого елемента прокручується горизонтально та вертикально.
Використовуючи :visible Selector І навпаки, ви можете перевірити, чи видимий елемент, за допомогою такого коду: $(елемент).is(":видимий"); Знову замініть елемент на потрібний селектор jQuery. Цей код повертає true, якщо елемент видимий, і false, якщо він прихований.
Щоб перевірити, чи видимий елемент після прокручування, jQuery надає метод під назвою :visible selector. Однак лише цей метод не може визначити, чи дійсно елемент знаходиться у вікні перегляду після прокручування. Щоб робити те, що ми хочемо, ми можемо створити спеціальну функцію.
Щоб визначити, який елемент прокручується за допомогою JavaScript, ви можете приєднати слухачі подій прокручування до певних елементів. Це дозволяє визначити, яка подія прокручування елемента є активною, забезпечуючи адаптовані відповіді або взаємодії на основі конкретного елемента, який прокручується.
Смуги прокручування CSS
- ::-webkit-scrollbar — вся смуга прокрутки.
- ::-webkit-scrollbar-button — кнопки на смузі прокрутки (стрілки, спрямовані вгору та вниз, які прокручують один рядок за раз).
- ::-webkit-scrollbar:horizontal{} — горизонтальна смуга прокрутки.
- ::-webkit-scrollbar-thumb — ручка прокручування, яку можна перетягувати.