Добрый день, как проще всего сделать анимацию раскрытия/скрытия рулетки. Т.е. при скроллинге сайта вниз - нужно удлинять "линейку", а при скроллинге сайта вверх - "укорачивать".
Подскажите плиз механизм как это сделать и что для этого нужно?
Заранее спасибо!
js, на скролл повесить обработчик, высчитывать % прокрутки и показывать соответсвующий процент картинки
саму рулетку position: fixed к низу
без картинок/кода сложно что-то конкретнее)
Сергей, В теории можно просто самую длинную картинку оставить видимой на всю страницу и сделать фиксированной саму рулетку - и тогда без js при скроле будет выглядеть как разматывание)
1. Фон линейка
2. Корпус рулетки, который всегда прижат к врапперу
3. Сам враппер (который увеличивается в зависимости от скролла)
3.1 overflow: hidden (Типа до туда еще не докрутили)
Если рулетка внизу страницы, то можно самую длинную картинку оставить видимой на всю страницу и сделать фиксированной саму рулетку - и тогда без js при скроле будет выглядеть как разматывание) https://codepen.io/andreysh/pen/gQjJgx
Простой
