Недавно я нашел Scroll Magi c для эффекта прокрутки, который я имел в виду. Я реализовал эффект прокрутки довольно легко, следуя примеру Section Wipes, но у меня есть проблема с одним из разделов, который имеет большую высоту, чем 100vh
.
Когда я go в Mobile View имею раздел, высота которого превышает 100hv
, поскольку его содержимое не помещается в окне просмотра. Следующий раздел начинается сразу после 100hv
, что делает часть содержимого невидимой. Установка 'margin-bottom' для раздела только задерживает прокрутку следующего раздела вверх; содержимое, превышающее 100vh
, все еще не видно.
Я хотел бы видеть всю страницу, даже если ее высота превышает 100vh
, и запускать прокрутку следующего раздела после предыдущей страницы. закончилась.
Можно ли установить триггер внизу высоты раздела?
Есть ли другой способ достижения того, чего я хочу?
$(function () {
// wait for document ready
// init
var controller = new ScrollMagic.Controller({
globalSceneOptions: {
triggerHook: '0',
duration: '200%',
},
});
// get all slides
var slides = document.querySelectorAll('section.page');
// create scene for every slide
for (var i = 0; i < slides.length; i++) {
var scene = new ScrollMagic.Scene({
triggerElement: slides[i],
})
.setPin(slides[i], { pushFollowers: false })
.addTo(controller)
.update(true);
}
});
Вот рабочий код: https://codepen.io/bleah1/pen/ExVxWyw
Я нашел этот вопрос здесь, на SO, но у него нет ответа , Проходя через скрипку, я увидел, что разделы прокручиваются вниз, как хотелось бы, но там использовалось что-то под названием TimelineLite
, то есть deprecated
, и я не вижу в этом моего ответа.
У меня также опубликовано в хранилище библиотеки, но я не думаю, что каждый получит ответ, так как видел, что за последние 4 месяца не было сделано никаких новых обновлений, а также сообщения там не получают ответа.
Это привело меня к тому, что я оставил свой вопрос здесь. Я начинающий разработчик, который только сейчас начал свой путь по изучению веб-разработки. Понимание этой библиотеки на данный момент выходит за рамки моего уровня.
Спасибо.