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