javascript42
Главная
Все учебники
Блог
Учебник Stickybits
Введение
Что такое Stickybits
История и развитие библиотеки
Установка и подключение
Поддержка браузеров и зависимости
Первый пример использования
Основы работы со Stickybits
Инициализация библиотеки
Базовый синтаксис и параметры
Селекторы элементов
Методы экземпляра
Очистка и удаление липких элементов
Конфигурация и опции
Параметр stickyBitStickyOffset
Работа с customStickyChangeNumber
Настройка noStyles
Использование parentClass
Параметр scrollEl для контейнеров
Опция useStickyClasses
Полный список доступных опций
Позиционирование элементов
Липкое позиционирование сверху
Липкое позиционирование снизу
Работа с различными значениями offset
Множественные липкие элементы на странице
Вложенные липкие элементы
Обработка z-index
События и состояния
Событие stuck
Событие unstuck
Отслеживание изменения состояния
Callback-функции
Работа с пользовательскими обработчиками
Стили и классы
Автоматические CSS-классы
Класс js-is-stuck
Класс js-is-sticky
Отключение встроенных стилей
Кастомные стили для липких элементов
Работа с родительскими классами
Работа с прокруткой
Липкие элементы в скроллируемых контейнерах
Настройка scrollEl
Обработка прокрутки окна
Прокрутка внутри overflow-контейнеров
Производительность при скролле
Throttling и debouncing событий
Адаптивный дизайн
Липкие элементы на мобильных устройствах
Media queries и breakpoints
Динамическое включение/отключение
Работа с изменением ориентации экрана
Производительность на слабых устройствах
Динамическое управление
Добавление новых липких элементов
Удаление существующих элементов
Обновление конфигурации на лету
Метод cleanup
Реинициализация после изменения DOM
Управление через API
Интеграция с фреймворками
Использование в Vanilla JavaScript
Работа с jQuery
Интеграция с React
Использование в Vue.js
Работа с Angular
Подключение через модульные системы
Производительность и оптимизация
Минимизация reflow и repaint
Оптимальные селекторы
Ограничение количества липких элементов
Работа с requestAnimationFrame
Профилирование и отладка
Best practices для производительности
Совместимость и полифиллы
Нативный position: sticky
Определение поддержки браузером
Graceful degradation
Работа с Internet Explorer
Проблемы в Safari
Особенности мобильных браузеров
Типичные паттерны использования
Липкие заголовки таблиц
Фиксированная навигация
Боковые панели
Липкие футеры
Плавающие кнопки действий
Sticky-элементы в формах
Отладка и решение проблем
Липкие элементы не работают
Проблемы с z-index и наложением
Конфликты с другими библиотеками
Ошибки в консоли
Проблемы с расчетом offset
Некорректное поведение при скролле
Расширенные техники
Программное управление состоянием
Сложные сценарии с множеством элементов
Анимации при изменении состояния
Координация нескольких экземпляров
Создание собственных расширений
Хуки и middleware
Альтернативы и сравнение
Нативный CSS position: sticky
Другие JavaScript-библиотеки
Когда использовать Stickybits
Когда достаточно чистого CSS
Сравнение производительности
Миграция и обновление
Переход с других библиотек
Обновление версий Stickybits
Изменения в API между версиями
Обратная совместимость
Справочник API
Полный список методов
Возвращаемые значения
Сигнатуры функций
Константы и перечисления