Могут ли ScrollMagi c Section Wipes запускаться в конце высоты сцены? - PullRequest
0 голосов
/ 09 апреля 2020

Недавно я нашел 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 месяца не было сделано никаких новых обновлений, а также сообщения там не получают ответа.

Это привело меня к тому, что я оставил свой вопрос здесь. Я начинающий разработчик, который только сейчас начал свой путь по изучению веб-разработки. Понимание этой библиотеки на данный момент выходит за рамки моего уровня.

Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...