Прокрутка страницы + слайдер
Здрасти) Как реализовать слайдер, который при прокрутки сайте будет фиксировать экран и полностью прокручиваться до последнего элемента, и после этого отпустит экран. Вот пример работы - https://teamway.io
Ответы (1 шт):
Автор решения: Leonid
→ Ссылка
Сам по себе 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>