У меня есть переход между двумя изображениями, который запускается при прокрутке, но я хочу сохранить элемент фиксированным или предотвратить фактическую прокрутку (я просто хочу, чтобы переход).Я пробовал фиксированное и липкое позиционирование, но это не сработало.Кроме того, мне нужно, чтобы прокрутка происходила во второй раз, когда пользователь прокручивал страницу, так что в любом случае это не вариант.Вот демоверсия Codepen: https://codepen.io/mastroneel/pen/WYmogw
, а вот соответствующий код:
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
if(tl.reversed()) {
tl.play()
}
else {
tl.reverse();
}
} else {
if(tl.reversed()) {
tl.reverse();
tl.play();
}
else {
tl.play();
}
}
prevScrollpos = currentScrollPos;
}
Заранее спасибо!