在ScrollMagic中组合补间
在ScrollMagic中，组合补间是指将多个补间动画组合在一起，以创建更复杂和丰富的动画效果。补间动画是指在起始状态和结束状态之间进行平滑过渡的动画效果。
组合补间可以通过ScrollMagic的Scene对象来实现。Scene对象是ScrollMagic中的核心概念，它代表了一个特定的滚动场景。通过Scene对象，可以将补间动画与特定的滚动位置关联起来。
在ScrollMagic中，可以使用TweenMax库来创建补间动画。TweenMax是一款功能强大的JavaScript动画库，支持多种动画效果和参数设置。通过TweenMax，可以创建各种类型的补间动画，如位移、缩放、旋转等。
组合补间可以通过TweenMax的方法链式调用来实现。可以使用to()方法来定义补间动画的结束状态，使用from()方法来定义补间动画的起始状态，使用fromTo()方法来同时定义补间动画的起始状态和结束状态。
在ScrollMagic中，可以使用Scene对象的setTween()方法将补间动画与特定的滚动位置关联起来。setTween()方法接受一个TweenMax对象作为参数，将该补间动画与Scene对象进行绑定。
组合补间可以用于创建各种复杂的滚动动画效果，如逐字显示文字、图片渐变、元素的淡入淡出等。通过组合不同的补间动画，可以实现更加生动和吸引人的滚动效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云内容分发网络（CDN）。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、高可靠性的虚拟服务器实例，适用于各种应用场景。
腾讯云对象存储（COS）是一种安全可靠的云存储服务，提供了海量的存储空间和高可靠性的数据存储能力，适用于存储和管理各种类型的数据。
腾讯云内容分发网络（CDN）是一种高效的加速服务，通过在全球部署的节点，将静态内容缓存到离用户最近的节点上，提供快速的内容传输和访问体验。
更多关于腾讯云产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
3回答
我想在用户向下滚动页面时隐藏我的站点标题(在ScrollMagic中很容易做到)-但我不确定是否也可以使用ScrollMagic来检测用户是否向上滚动，如果是的话，是否可以再次显示标题。
最重要的是，对于最初的滚动，我可以为主站点包装器设置一个简单的偏移量，但对于在页面滚动过程中随时可能发生的乱码，我不确定如何使用ScrollMagic的事件来实现这一点？
感谢您的帮助。
丹
浏览 1提问于2015-11-27得票数 2
1回答
我正在创建一本书的动画。页面应该快速翻转(就像我在动画中所做的那样)，但我希望它们在滚动到触发器范围之外后回到起始位置。下面是js代码和代码。
$(document).ready(function ($) {
var controller = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({
triggerElement: "#trigger1",
offset: 400,
})
// animate
浏览 2提问于2016-02-17得票数 0
我试图在滚动上创建简单的视差动画，一切都正常，但我想添加延迟，例如用户向下滚动，动画应该赶上他，换句话说，如果他向下滚动100px并停止，他应该看到动画如何赶上他。所以我有： <div class="container">
<img src="...">
</div> CSS： .container {
position: relative;
height: 100vh;
width: 100%;
overflow: hidden;
}
img {
position: absolute;
top: 0;
le
浏览 103提问于2020-01-05得票数 0
回答已采纳
tweenmax oncomplete函数中带有滚动魔术的多个时间线不起作用
.add(TweenLite.fromTo ('.title2' , 0.3, {css:{opacity:0}}, {css:{opacity:1},onComplete:function() {
function pathPrepare ($el) {
var lineLength = $el[0].getTotalLength();
浏览 1提问于2017-05-08得票数 0
1回答
我正在尝试将visible类设置为元素.wordpress和.wordpress-txt
对于一个元素，这项工作：
var sunScene = new ScrollMagic.Scene({
triggerElement: 'body',
triggerHook: 0.5,
offset: 1000,
duration: '1000px'
})
.setClassToggle(".wordpress", "visible")
浏览 5提问于2017-01-12得票数 2
回答已采纳
我正在用AngularCLI (webpack版)开发一个Angular2应用。我有一个第三方插件(ScrollMagic)，它本身就有自己的一组可选插件。我已经安装了ScrollMagic代码库，它位于node_modules中。我可以使用以下语法将ScrollMagic加载到我的页面中：
let ScrollMagic = require("ScrollMagic");
这似乎可以连接到node_modules并加载ScrollMagic，这样我就可以让第三方插件工作。
ScrollMagic有一个自己的用于调试的插件(ScrollMagic/plugins/debug.a
浏览 12提问于2016-09-21得票数 0
回答已采纳
1回答
我想在nuxtjs中使用滚动魔法。
我通过npm安装了滚动魔术。
npm install scrollmagic
在我的nuxt.config.js文件中我添加了
build: {
vendor: ['scrollmagic']
},
在我的页面/index.vue文件中，我只是导入了它。
import ScrollMagic from 'scrollmagic'
但这只会导致这个错误。
vue-路由器未能解决异步组件默认值: C:\pathto\node_modules\scrollmagic\scrollmagic\uncompressed\Scr
浏览 4提问于2017-12-16得票数 3
回答已采纳
我有一个简单的问题：
如何正确使用角-cli应用程序，ScrollMagic和Gsap？
我所做的：
npm install ScrollMagic
npm install gsap
中的角-cli.json：
"scripts": [
"../node_modules/gsap/src/uncompressed/tweenmax.js",
"../node_modules/scrollmagic/scrollmagic/uncompressed/ScrollMagic.js",
"../node_modules/scrol
浏览 1提问于2017-07-17得票数 4
回答已采纳
2回答
-I正在使用react框架。(create-react-app)和ScrollMagic库，我正在尝试在reactjs框架中实现scrollmagic库。我无法导入以下脚本。
我已经导入了scrollmagic，如下
import * as ScrollMagic from 'scrollmagic'
但我无法使用此功能->setTween()，因为他们无法访问。
以下是错误日志。
15:41:01:381 (ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin 'anima
浏览 3提问于2018-06-18得票数 2
我目前正在努力让ScrollMagic在Angular 7上完全工作，我已经安装了GSAP和ScrollMagic，但是为了让ScrollMagic工作，它还需要animation.gsap.js插件。
我已经导入了所有的东西，并且所有的导入都在工作，但是animation.gsap.js仍然找不到GSAP动画库。每次我尝试ng服务时，我得到错误:模块找不到:错误:无法解析'TimelineMax‘和模块找不到:错误:无法解析'TweenMax’。
我读过关于人们遇到的相同问题，但这是在Angular 2中，一些事情发生了变化，我没有得到与那些人相同的结果。
但到目前为止，我已
浏览 0提问于2019-04-11得票数 1
1回答
当我滚动到某个元素时，我正在使用Scrollmagic和GreenSock在我的页面上创建一些动画。我需要同时开始多个动画，但我正在努力找出如何做到这一点。 查看此处：https://codepen.io/adamboother/pen/yGVpLJ?editors=1111 我正在设置我的Tweens如下所示： var tweens = new TimelineMax()
.add(TweenMax.to("#left-panel-2", 1, {transform: "translateY(0)"}))
.add(TweenMax.to(&
浏览 45提问于2018-12-19得票数 0
回答已采纳
我已经为我的游戏的主菜单创建了一些按钮，我想添加一个漂亮的动画，这些按钮离开屏幕后会有一个短暂的延迟。
所以我做了一堆按钮，每个按钮都有自己的补间，然后像这样组合补间过程：
tempTweens[0].onStart.add(function () {
console.log('onStart fired');
game.time.events.add(tweenDelay, function () {
tempTweens[1].start();
}, this);
game.time.events.add(tweenDel
浏览 0提问于2015-08-20得票数 1
我正在尝试集成魔幻插件与角CLI。但是，我得到了这个错误：
找不到./~/ScrollMagic/scrollmagic/minified/plugins/animation.gsap.min.js模块:错误:无法解析'/Users/../project/node_modules/ScrollMagic/scrollmagic/minified/plugins‘中的“TweenMax”
我已经使用npm安装了GSAP和滚动魔法库：
npm install gsap
npm install scrollmagic
.angular-cli.json
"scripts
浏览 2提问于2017-09-11得票数 4
回答已采纳
例子滚动魔术模块，但它也发生在其他人。我怀疑这是为了巴贝尔但不确定。
我们怎样才能复制这个bug?
Git克隆项目名称
安装：
- npm install gsap --save-dev
- bower install scrollmagic --save-dev
添加文本行config.yml：
- "node\_modules/gsap/src/uncompressed/TweenMax.js"
- "bower\_components/scrollmagic/scrollmagic/uncompressed/ScrollMagic.
浏览 2提问于2016-10-27得票数 1
1回答
我已经包含了scrollmagic NPM包，从ScrollMagic文档中我得到了这一点；
“要访问这个扩展，请包括plugins/调试器/addIndicators.js。”
如何将指标加载到我的项目中？
这是我的代码：
import ScrollMagic from 'scrollmagic'
var controller = new ScrollMagic.Controller()
var scene = new ScrollMagic.Scene({/*ScrollMagic code inside here*/})
.addIndicators({
浏览 2提问于2016-07-08得票数 2
1回答
我在GSAP论坛上也问过同样的问题，但我猜它不是一个活跃的论坛。我在GSAP上确实有一些困难，我想在时间线上将tweens分组，而不是单独进行，前两个同时进行，然后第二个两个，以此类推……我真的试着自己弄清楚，我添加了一个负延迟，但它在ScrollMagic上不能正常工作，或者我不能让它工作。下面是我的代码：
let controllerPerspectiveFirst = new ScrollMagic.Controller();
perspectiveTimeline = new TimelineMax();
perspectiveTimeline
.to( '#as-p
浏览 2提问于2018-09-29得票数 0
我想让服务工作者在我的角度供电的网站，但它不注册自己，如果使用滚动魔术。如果我禁用ScrollMagic控制的动画，它就会注册得很好。
我在角-cli.json中导入了GSAP，ScrollMagic：
"scripts": [
"../node_modules/gsap/src/uncompressed/TweenMax.js",
"../node_modules/scrollmagic/scrollmagic/uncompressed/ScrollMagic.js",
"../node_module
浏览 1提问于2018-04-25得票数 0
回答已采纳
我需要添加速度插件的scrollMagic到我的npm库。
package.json
{
"name": "library",
"version": "1.0.10",
"description": "blabla",
"main": "index.js",
"dependencies": {
"shortid": "2.x",
"jquery": "2.x&#
浏览 4提问于2016-04-04得票数 2
回答已采纳
我有一个Angular 5应用程序，我目前正在使用GreenSock.js库和ScrollMagic.js实现滚动动画。一个非常重要的文件，由于某种原因，它不允许我在没有错误的情况下将其包含在项目中，名为
scrollmagic/scrollmagic/minified/plugins/animation.gsap.min.js
当我尝试将此文件导入到项目中时，收到一个错误列表-
./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js
Module not found: Error: Can&#
浏览 0提问于2018-05-04得票数 0
我正尝试在我的一个项目中使用GSAP和ScrollMagic，然而，当我尝试并要求使用animation.gsap.js时，我的编译器一直抛出以下错误； These dependencies were not found:
浏览 114提问于2019-02-01得票数 0
我正在尝试在我的Nuxt项目中添加ScollMagic，我遵循了这篇文章： &我在nuxt.config.js中添加了ScrollMagic.js，我得到了这个问题: ReferenceError窗口没有定义。
module.exports = {
plugins: [
{ src: '~plugins/ScrollMagic', mode: 'client' }
],
}
Then I've added this snippet in my component:
import ScrollMagic from 'scro
浏览 4提问于2019-10-11得票数 4
我正在使用angular 6和webpack 4，以便从scrollmagic和"TimelineMax"，"TweenMax"，"TweenLite“等所有补丁中动态导入特定的"animation.gsap”。 然而，尽管路径是正确的，但它无法找到它们，我通过并能够找到它们，以及成功地动态导入ScrollMagic。 我是不是漏掉了什么，有没有人能帮我指引一下，看看我是不是漏掉了什么？ 这是我的Webpack配置： config.mode = 'development';
config.target = 'web&
浏览 33提问于2020-07-02得票数 0
回答已采纳
如何将ScrollMagic的Greensock插件包含在我的ReactJS项目中？
ScrollMagic的作者制作了插件来合并像GreenSock和流速这样的库。当您将它们简单地包含在html文档的头部时，这些功能非常好，如下所示
<script type="text/javascript" src="js/lib/greensock/TweenMax.min.js"></script>
<script type="text/javascript" src="scrollmagic/uncompresse
浏览 0提问于2017-11-24得票数 4
回答已采纳
我正在尝试让ScrollMagic与ES2015导入和反应一起工作。我得到了这个错误：
ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js
Module not found: Error: Cannot resolve module 'TimelineMax' in /Users/dillonraphael/Desktop/marbleshark_landingpage/node_modules/scrollmagic/scrollmagic/uncompressed/plugi
浏览 5提问于2016-04-26得票数 3
由于WebpackError: ReferenceError: window is not defined，我的Gatsby站点无法部署到Netlify
我试过：
包装返回语句在if(window !== undefined)检查中没有工作在my index.js：if (typeof window !== 'undefined') { require('scrollmagic') require('scrollmagic-plugin-gsap') }中放置了一个require语句，它没有工作
我注意到导入语句import Scrollmagi
浏览 0提问于2020-04-02得票数 1
回答已采纳
1回答
我想结合使用gsap和ScrollMagic。ScrollMagic已经实现，工作正常，但是当我想要使用animation.gsap时，我会得到错误
在./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js * ./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js中找不到这些依赖项：* TimelineMax * TweenMax
因此我通过npm安装了gsap。
npm i gsap
浏览 10提问于2017-12-29得票数 2
我需要在我的项目中添加需要的scrollmagic.js
我的结构文件是
/js
/app
main.js
/lib
debug.addIndicators.js
jquery.js
require.js
ScrollMagic.js
app.js
我的app.js是
requirejs.config({
"baseUrl": "js/lib",
"paths": {
"app": "../app"
浏览 0提问于2017-09-20得票数 1
回答已采纳
为什么的最新版本在下面给了我这个错误？
未定义的ReferenceError: ScrollScene未定义
这是我遵循这个的测试代码
$(function() {
// Init Controller
var scrollMagicController = new ScrollMagic();
// Create Animation for 0.5s
var tween = TweenMax.to('#animation', 0.5, {
backgroundColor: 'rgb(255, 39, 46)&#
浏览 13提问于2017-02-12得票数 1
回答已采纳
为了使用，您需要加载animation.gsap.js插件。对于Webpack，您可以这样做(假设您使用了CommonJS语法并使用npm安装了所有东西)：
var TweenMax = require('gsap');
var ScrollMagic = require('scrollmagic');
require('ScrollMagicGSAP');
为了确保这确实有效，您必须在Webpack配置中添加一个别名，这样Webpack才能知道插件位于何处。
resolve: {
alias: {
'ScrollMagicG
浏览 1提问于2016-02-21得票数 14
回答已采纳
3回答
我在一个需要显示进度条的站点上使用scrollMagic库。该栏将在页面上显示用户的位置。当用户向上或向下滚动时，进度条的宽度将会简单地改变。我似乎不能让它与scrollMagic库一起工作。这是我在其他事情中尝试的。谢谢!
var controller = new ScrollMagic.Controller();
$(function progressBar() {
var tween = TweenMax.fromTo("#progress", 1, {
width: "0%"
}, {
width: "100%"
浏览 0提问于2015-06-30得票数 1
1回答
Vue JS NPM模块导入组件
、、、、
我正在尝试将npm包导入到我的vue.js组件中。具体地说，我正在尝试将ScrollMagic导入到我的项目中，但我将其设置为未定义。 我以前见过有人建议它应该在我的mounted()钩子中，我正在这么做，但我的导入语句(我在main.js和components标记中都尝试过了，但都返回了未定义的变量。任何方向都将不胜感激。 我的组件的脚本： <script>
import { ScrollMagic } from 'scrollmagic';
export default {
name: 'Scroller',
mounted() {
浏览 30提问于2020-12-18得票数 0
回答已采纳
1回答
运行在TweenMax之前的ScrollMagic
在使用TweenMax和ScrollMagic滚动页面时，我试图使页眉缩小，但是动画不需要等待滚动即可触发。
这是我的代码：
$(document).ready(function(){
var header = $('header')
//init the controller
var controller = new ScrollMagic.Controller();
var tween = TweenMax.to(header ,1 ,{height: 100});
var s
浏览 0提问于2016-07-07得票数 1
回答已采纳
1回答
在除IE11以外的所有浏览器中，当滚动到触发器元素时，此jQuery会将新类running添加到具有paused类的元素中。
触发器元素设置在div上。与Firefox、Safari和Chrome一样，它也添加了这个类。但它的IE11，它似乎没有回升的扳机。
这是否可能是IE11和jQuery .ready的问题？
$(document).ready(function() {
var scene1 = new ScrollMagic.Scene({triggerElement: "#trigger1"})
.se
浏览 6提问于2017-06-20得票数 0
在我的一生中，我不能让一个简单的pin使用ScrollMagic工作。我不知道我做错了什么。我花了几个小时试图弄清楚，但我还是在这里
我的JS代码：
var controller = new ScrollMagic.Controller();
var pinIntroScene = new ScrollMagic.Scene({
triggerElement: '#intro',
triggerHook: 0
})
.setPin('#intro')
.addTo(controller);
我目前被困在一个点上，我所看到的都是介绍div。请帮帮
浏览 0提问于2019-09-28得票数 2
1回答
我正在尝试使用ScrollMagic的这个特定的动画
但是很难正确地加载文件。我正在尝试包括ScrollMagic、GSAP和GreenSock，但不知何故，ScrollMagic要求我以前加载GSAP，并且GSAP说主模块丢失了，并要求我先加载ScrollMagic。我正在使用jQuery进行异步操作，如下所示
$.getScript( "http://localhost/icons/gsap.js", function( data, textStatus, jqxhr ) {
$.getScript( "http://localhost/icons/scr
浏览 4提问于2015-04-30得票数 2
我正在开发UI，并试图实现scrollmagic和GSAP，我第一次在加载时实现了GSAP动画，对我来说很有魅力，但是当我尝试用Scrollmagic实现GSAP时，我在控制台中得到了这个错误。
未定义的ReferenceError: ScrollMagic未定义
有关更多信息，我在package.json文件中添加了依赖项。
"dependencies": {
"gsap": "^1.20.4",
"scrollmagic": "^2.0.5"
}
然后将其导入ap
浏览 0提问于2018-03-06得票数 0
作为文件
triggerElement的值将是定义场景开始的选择器、DOM对象或jQuery对象。如果没有定义，场景将从页面的开头开始(除非设置了偏移量)。
但我觉得这对我的案子是不好的。
我的HTML看起来
....
<section>
<div class="scrollMagic">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
et dolore magna aliqua.
浏览 1提问于2017-08-03得票数 2
1回答
Problem：我尝试通过NPM实现ScrollMagic到盖茨比。在开发(gatsby develop)期间，ScrollMagic工作时，gatsby build和gatsby serve ScrollMagic要么显示错误，要么失去其功能(以下两个步骤)。
我想实现什么?盖茨比构建后的 Working ScrollMagic。
我会感谢你所有的建议！
1.步骤I an ：当您尝试使用ScrollMagic构建Gatsby项目时，它将显示一个错误：
36 | // TODO: temporary workaround for chrome's scroll jitter b
浏览 3提问于2020-03-13得票数 0
1回答
我是一个使用ScrollMagic的新手，并试图通过复制scrollmagic的一个例子来学习。
为了加载scrollmagic和greensocks javascript库，我在下面添加了这些脚本。然而，在控制台中，它显示.setTween不是一个函数。如何才能成功加载这些脚本？它们的顺序不对吗？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudf
浏览 4提问于2016-09-07得票数 2
1回答
我使用ScrollMagic在元素进入屏幕时立即淡入，这很有效，但只对第一个元素有效，但其余元素不会被触发。我希望每个元素都被触发，只使用一个场景就可以做到这一点。
const controller = new ScrollMagic.Controller();
var scenefadein = new ScrollMagic.Scene({
triggerElement: ".fade-in",
triggerHook: 1,
offset: 0,
reverse: true
})
.setClassToggle(".fade-in", &#
浏览 25提问于2019-10-31得票数 0
回答已采纳
2回答
我做一些greensock和scrollmagic动画。我将此动画放在一个名为scrollMgc的函数中。此动画将在窗口宽度大于800px时运行，并在调整窗口大小时停止。这就是我到目前为止写的代码
function scrollMgc(){
// Prepare the stage
TweenMax.set($('.animation-awards'), {y: 70});
// Make scrollmagic controller
var controller = new ScrollMagic.Controller();
//
浏览 0提问于2016-11-11得票数 0
我试图在react中使用ScrollMagic & gsap库，一切都很好，直到我尝试构建我的代码，我尝试了我可以在网络上找到的所有导入解决方案，但它的行为似乎不一样。
我创建了一个卡片列表，当到达某个部分时，它水平滚动，在dev版本上，它的行为完全是这样的，但是当我在生产版本(构建后)时，它以对角线方式滚动。
下面是我的一些代码，以及我如何安装库：
安装gsap：
npm i gsap
安装滚动魔法：
npm i scrollmagic
反应中的我的代码：
import React, { Component } from 'react';
import ReactDO
浏览 2提问于2020-03-07得票数 0
回答已采纳
感谢Gray Ghost的scrollmagic示例：
paneling
anchor nav
有人愿意解释一下面板在scrollmagic中的用途吗？它与锚点导航有什么不同。还有，有没有办法在鼠标滚轮的基础上创建一个非滚动条，比如使用iscroll？
浏览 2提问于2015-10-26得票数 0
我可以为我的React项目安装ScrollMagic和npm install scrollmagic。现在，我需要一种方法来安装以下插件，以使ScrollMagic与GSAP一起工作
plugins/动画.
提前感谢
浏览 0提问于2018-09-07得票数 0
1回答
我正在使用ScrollMagic库和GreenSock动画平台来创建单页滚动动画。
以下是动画代码的示例：
// Initiate Scroll Magic
var controller = new ScrollMagic.Controller();
// This pins the main container for the duration of the animation
new ScrollMagic.Scene({
triggerElement: "#main", triggerHook: 'onLeave', duration:
浏览 0提问于2015-09-05得票数 1
我尝试使用scrollmagic的"setPin“方法使元素在某个时刻变得粘滞。我制作了一个截屏视频来向你展示我的问题：，正如你所看到的，我已经在用scrollmagic操作标题部分(调整徽标的大小)。当蓝色条到达粘贴的标题部分时，我希望它也被粘贴，以便蓝色条始终可见。希望大家明白我的意思？！:)默认情况下，scrollmagics setpin方法在元素到达视口中心时触发。但是我想要当元素“接触”我粘贴的标题的下边框时触发。这是我到目前为止的代码：
jQuery(document).ready(function($){
var controller = new ScrollM
浏览 2提问于2017-05-04得票数 1
我使用的是带有ScrollMagic v2.0.7的GSAP v3。 我面临的问题是，在动画完成后，我向上滚动( reverse : false)，它正确地注册了我不想再次反向执行动画，但它创建了一个与场景持续时间相等的填充顶部： const controller = new ScrollMagic.Controller();
const scene = new ScrollMagic.Scene({
triggerElement: "#responsive-divider",
duration: "100%",
triggerHook: 0,
浏览 54提问于2020-04-08得票数 0
我有一个具有以下组件的nextjs项目：
import React, { PureComponent } from "react";
import { Power3, TimelineMax } from "gsap";
import ScrollMagic from "scrollmagic";
export default class TextFade extends PureComponent {
constructor(props) {
super(props);
浏览 3提问于2019-12-19得票数 0
回答已采纳
1回答
我想用ScrollMagic与GSAP和TweenMax一起制作基于滚动的动画。我以前在ScrollMagic上有过一些经验，它总是很好的工作。这一次，动画非常慢，debug.Indicators也是如此。
这是我的例子：
这是一个具有光滑动画的外国示例：
我用吐温来制作动画：
var controller = new ScrollMagic.Controller();
var scene1 = new ScrollMagic.Scene({
triggerElement: '.header-section',
duration: "100%"
浏览 5提问于2017-08-17得票数 2
回答已采纳
1回答
我在实验视差和滚动魔法。在来自的视差示例中，我试图在第一个视差部分制作动画内容。
这是。
我无法让letter A在#box上移动我想要的东西。我曾经尝试添加一个边界框，并将其用作triggerElement，但这不起作用。
在向下滚动时，它应该向下移动150 On并淡出。现在，它正在使用"#parallax1"作为它的triggerElement，当它到达该部分的底部时，它就会逐渐消失。我要它在那部分的底部之前消失。我怎么才能让它这么做？
我做错了什么？
//////////////////////////////////////////////////////
//////
浏览 2提问于2015-06-14得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
