Есть ли способ заставить что-то прокручиваться, когда мышь пользователя не находится в области прокрутки? ⇐ Html

[Anonymous]

Хорошо, это довольно сложный вопрос. Как вы можете заставить что-то прокручиваться, если мышь пользователя не находится в области прокрутки? Отличный пример — [страница iPad Mini] компании Apple. [1] В самом начале вы можете прокручивать текст, пока мышь не находится в области прокрутки вверху. Я хочу сделать что-то подобное на своей веб-странице. Вот мой код:

Код: Выделить всё

#scroll-text-vr {
color:white;
text-align: center;
font-family: "Pixelify Sans", Arial, Helvetica, sans-serif;
font-size: 50px;
overflow-y: scroll;
height:10vh;
background-color: black;
padding-top: -200px;
margin: 0px;
line-height: 5px;
}
.vr-text-scroll {
padding-top:90px;
}
#vr-image-scroll {
height:90vh;
width:100vw;
object-fit: contain;
background-color: black;
}
#vr-animation {
position: sticky;
top: 0;
height:100vh;
width:100vw;
}
#vr-animation-scroller {
height:300vh;
width:100vw;
background-color: black;
position: relative;
}
#content {
height:1000vh;
}

Код: Выделить всё

 


Experience It.
Immerse in It.
Push the Gas.
Turn the Wheel
Fly the plane.
You Know It.
You Love It.
It's VR

[img]vrimage.jpg[/img]



some more content...

Кроме того, обязательно посмотрите фрагмент в полноэкранном режиме.
Спасибо за любую помощь.
[1]: https://www.apple.com/ipad-mini/


Подробнее здесь: https://stackoverflow.com/questions/793 ... -the-scrol