Задать вопрос
@germany1992

Как сделать так, чтобы контент слайда в слайдере Swiper скроллился вместе с прилипающей навигацией к верху страницы?

Добрый день.
Требуется создать такой слайдер, контент внутри каждого слайдера меняется при переключении. Существует навигация, единая на все слайды. Нужно чтобы она двигалась к верху и прилипала там при скролле контента любого слайда.
Нужна помощь в подходе.

Пытался привязаться к событию скролла и изменять translateY, все работает, но на мобильном устройстве это действие вызывает дерганье навигации как вибрация и иногда прыгает вниз и вверх. Я выяснил, что это связано, что скролл быстрее чем изменение происходит. Пришел к выводу, что надо использовать position: sticky. Но тогда возникает другая проблема - в каждом слайде есть фиксированное изображение и тогда она перестает быть фиксированным и ведет себя как абсолютного позиционирования.

Может быть есть другой подход. Буду рад любой помощи.
  • Вопрос задан
  • 94 просмотра
Подписаться 1 Средний 4 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы