0

Пример

Здрасти) Как реализовать слайдер, который при прокрутки сайте будет фиксировать экран и полностью прокручиваться до последнего элемента, и после этого отпустит экран. Вот пример работы - https://teamway.io

2
  • Судя по ползунку прокрутки, ничего там не фиксируется, просто в каком-то диапазоне position: fixed выставляется. В этом диапазоне страницы другого контента нет. А также соразмерно scroll-y горизонтальная прокрутка делается.
    – Leonid
    20 июн 2021 в 19:52
  • 1
    Все гораздо хуже. Position: sticky.
    – Leonid
    20 июн 2021 в 20:07

1 ответ 1

2

Сам по себе sticky работает так: он становится фиксировано позиционированным, пока его родитель в области окна просмотра. То есть родитель должен быть больше по высоте и вхолостую прокручиваться. Останется только горизонтальная прокрутка уже с помощью JS.

#sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
<div style="height: 1220px">
  Прокрутите вниз, пожалуйста!
    <div style="background: grey; height: 800px; margin-top: 200px">
        <div id="sticky" style="background: black; height: 160px"></div>
    </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.