Question

我对scrollMagic有点问题，希望你能帮帮我... 我的页面上有2个div，全高，之后是网站的其余部分我想要做的是，我想在向下滚动前两个div向下滚动到顶部向上滚动并在scrollTop到达我的第二个div的bomttom后继续正常滚动。 exactly like this site 你已经知道我不能使用像fullpage.js这样的东西，因为它会改变完全滚动的方式。

这里给你一个更好的视角是对我的结构的一点模拟

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <menu>

        ...

    </menu>
    <main>
        <div class="full-height-div-1">

            Some content ...

        </div>
        <div class="full-height-div-2">

            Some other content ...

            <div class="none-full-height-content-wrapper">

                The rest of the elements

            </div>

        </div>
    </main>
    <footer>

        ...

    </footer>
</body>
</html>

我尝试使用scrollmagic，现在当我向下滚动并按下触发器时，它滑到第二个div的顶部就好了但是如果我向上滚动则不知道如何让它滑回来

这是我的js：

scrollTriggers : function() {

        myOffset = $j(window).height();
        if( $j( 'body' ).hasClass(app.vars.homePageClass) ){
            var homeController = new ScrollMagic.Controller();
        }

        var fullHeightPageScene = new ScrollMagic.Scene({
            triggerElement: '.content_wrapper',
            triggerHook: 0.95,
        })
        .on('enter', function() {
            TweenMax.to(window, 1, {scrollTo: '.content_wrapper'})
        })
        .on('leave', function() {

            if( app.vars.newScrollTop < app.vars.contentWrapperElement.offset().top )
            {
                TweenMax.to(window, 1, {scrollTo: app.vars.introSection})
            }
        })
        .addIndicators()
        .addTo(homeController);

        var fullHeightPageScene2 = new ScrollMagic.Scene( {
            triggerElement: app.vars.introSection,
            triggerHook: 0,
            duration: '90%',
            // offset: myOffset - 10,
        })
        .on('enter', function() {
            if( app.vars.newScrollTop < app.vars.contentWrapperElement.offset().top )
            {
                TweenMax.to(window, 1, {scrollTo: app.vars.introSection})
            }
        })
        .addIndicators()
        .addTo(homeController);
    },

如果我的问题不够明确，请告诉我并提前谢谢

滚动到下一个元素顶部之后滚动回滚动到触发元素的顶部，滚动滚动

0 个答案: