scrollmagic

    0热度

    1回答

    我有一个非常简单的设置 <section class="section"> <p>Dummy section</p> </section> <section id="inside" class="section"> <div class="container"> <div class="row"> <div class="col-md-4">

    1热度

    1回答

    我需要添加scrollmagic.js在我的项目丝毫requirejs 我的结构文件是 /js /app main.js /lib debug.addIndicators.js jquery.js require.js ScrollMagic.js app.js 我app.js是 requirejs.co

    0热度

    1回答

    我正在使用Scroll Magic滚动内容并固定部分内容。下面是HTML: <div class="container"> <div class="header"> <div style="height:400px;"> </div> <div id="trigger1" style="min-height: 1px"></div> <div id

    2热度

    1回答

    喂,我非常新的使用GreenSock,我需要一些帮助...... 我想在这个使用GreenSock代码申请Scrollmagic: codepen.io/GreenSock/pen/FqrEv 我一直在寻找: https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/ 像2点,我需要火的动画时,该元素是在视口的中

    1热度

    1回答

    我正在尝试将Scrollmagic插件与Angular CLI集成。不过,我得到这个错误: ./~/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js Module not found: Error: Can't resolve 'TweenMax' in '/Users/../project/node_modules/Sc

    -1热度

    1回答

    这是关于ScrollMagic(基本)第湿巾 - 手动。我使用上面的视频背景 - 我希望部分(文本,空白背景)向上滚动,并以与他们在示例中相同的方式进入视图,并且这可以正常工作。但是,当用户再次向下滚动时,我需要将文本向上滚动 - 这很简单,但我一直在使用ScrollMagic。 这是什么,我想实现的(但方式更复杂)的一个例子 - www.sbs.com.au/theboat/。 我需要找到一种方

    0热度

    1回答

    我遇到困难让我的ScrollMagic项目使用媒体查询行为。当我从场景中移除.setPin时,查询完美地工作,我的元素恰好坐在他们应该的位置。但是,当我将它重新打开时,html将不遵守所列出的媒体查询规则。它只会记住页面呈现时存在的原始“left”属性。 的HTML看起来像这样: <section class="container-fluid purple" id="scene02">

    1热度

    1回答

    我想使用ScrollMagic与GSAP和TweenMax为基于滚动的动画。我在过去使用过ScrollMagic的一些经验,并且总是可以正常工作。这一次,动画非常缓慢,debug.Indicators也是如此。 这是我的例子: https://codepen.io/jonasloerken/pen/NvXyWW 这是一个国外的例子有流畅的动画效果:https://codepen.io/hdavti

    1热度

    1回答

    我一直在学习如何在我的网站上实现更多的动画。我试图找出这段代码,因为它与我想要实现的动画类似,但我似乎无法将它包裹起来。理想情况下,我希望动画只播放一次,以便在向后滚动时元素不会消失。但是,当您向后滚动时,我无法弄清楚什么是动画“倒退”。 如何更改代码来执行此操作? 感谢 // init var controller = new ScrollMagic.Controller(); // lo

    0热度

    1回答

    我在我的页面上使用ScrollMagic。下面是HTML: <div class="container"> <div class="before-trigger"> </div> <div class="trigger" id="trigger"> </div> <div class="pin-area" id="pin-area">