Javascript 如何提高卷轴魔法的速度

嘿，这是Scrollmagic.io的插件，我正在工作中使用它

但这是缓慢的。如何增加持续时间我想更快地更改内容

我查看了文档，但文档中的内容不太清楚

请帮帮我

//首先需要声明我们的应用程序将要使用的变量
//对DOM元素的引用
变量$window=$（window）；
var$document=$（文档）；
//仅以开头的链接#
var$navButtons=$（“nav a”）.filter（“[href^=#]”）；
var$navGoPrev=$（“.go prev”）；
var$navGoNext=$（“.go next”）；
var$slidescanner=$（“.slides容器”）；
变量$slides=$（“.slide”）；
var$currentSlide=$slides.first（）；
//动画旗帜-是我们的应用程序动画
var isAnimating=假；
//窗户的高度
var pageHeight=$window.innerHeight（）；
//键盘上向上和向下箭头的键代码。我们将使用它来使用键盘导航更改幻灯片
var密钥码={
上升：38，
下降：40
}
//要看第一张幻灯片吗
戈托斯利德（$currentSlide）；
/*
*添加事件侦听器
* */
$window.on（“resize”，onResize）.resize（）；
$window.on（“mouseweel-DOMMouseScroll”，onmouseweel）；
$document.on（“keydown”，onKeyDown）；
$navButtons.on（“单击”，onNavButtonClick）；
$navGoPrev.on（“单击”，转到幻灯片）；
$navGoNext.on（“单击”，转到下一页幻灯片）；
/*
*内部功能
* */
/*
*单击按钮时-首先获取按钮href，然后滑动到容器（如果有这样的容器）
* */
函数onNavButtonClick（事件）
{
//单击的按钮
var$按钮=$（此按钮）；
//按钮指向的滑块
var$slide=$（$button.attr（“href”）；
//如果幻灯片存在，我们将转到它
如果（$slide.length）
{
戈托斯利德（幻灯片）；
event.preventDefault（）；
}
}
/*
*得到按下的键。只有当它是向上或向下箭头时，我们才能转到上一页或下一页，防止出现默认行为
*这样，如果有文本输入，用户仍然能够填充它
* */
函数onKeyDown（事件）
{
var PRESSED_KEY=event.keyCode；
如果（按下_键==keyCodes.UP）
{
gotoprevlide（）；
event.preventDefault（）；
}
else if（按下_键==keyCodes.DOWN）
{
goToNextSlide（）；
event.preventDefault（）；
}
}
/*
*当用户用鼠标滚动时，我们必须更改幻灯片
* */
MouseWheel上的函数（事件）
{
//规范化事件轮增量
var delta=event.originalEvent.wheeldta/30 | |-event.originalEvent.detail；
//如果用户向上滚动，则转到上一张幻灯片，否则-转到下一张幻灯片
如果（增量<-1）
{
goToNextSlide（）；
}
否则如果（增量>1）
{
gotoprevlide（）；
}
event.preventDefault（）；
}
/*
*如果有上一张幻灯片，请滑到它
* */
函数gotoprevsiled（）
{
如果（$currentSlide.prev（）.length）
{
goToSlide（$currentSlide.prev（））；
}
}
/*
*如果有下一张幻灯片，请滑到它
* */
函数goToNextSlide（）
{
if（$currentSlide.next（）.length）
{
goToSlide（$currentSlide.next（））；
}
}
/*
*幻灯片之间的实际转换
* */
函数goToSlide（$slide）
{
//如果幻灯片没有改变，而且有这样一张幻灯片
如果（！isAnimating&&$slide.length）
{
//将动画标志设置为true
isAnimating=true；
$currentSlide=$slide；
//滑动到当前幻灯片
TweenLite.to（$SlideContainer，1，{scrollTo:{y:pageHeight*$currentSlide.index（）}，onComplete:onSlideChangeEnd，onCompleteScope:this}）；
//设置菜单项的动画
TweenLite.to（$navButtons.filter（“.active”），0.5，{className:“-=active”}）；
TweenLite.to（$navButtons.filter（“[href=#“+$currentSlide.attr（“id”）+“]），0.5，{className:“+=active”}）；
}
}
/*
*滑动完成后，我们需要恢复“isAnimating”标志。
*您还可以在此功能中执行其他操作，例如更改页面标题
* */
函数onSlideChangeEnd（）
{
isAnimating=假；
}
/*
*当用户调整浏览器大小时，我们需要知道新的高度，以便正确对齐当前幻灯片
* */
函数onResize（事件）
{
//这将给我们提供窗户的新高度
var newPageHeight=$window.innerHeight（）；
/*
*如果新高度与旧高度不同（浏览器垂直调整大小），则幻灯片将调整大小
* */
如果（页面高度！==新页面高度）
{
pageHeight=新的pageHeight；
//这只能通过CSS完成，但在一些旧浏览器中失败，所以我更喜欢通过JS设置高度
set（[$slidescanner$slides]，{height:pageHeight+“px”}）；
//当前幻灯片应始终位于顶部
TweenLite.set（$slidecontainer，{scrollTo:{y:pageHeight*$currentSlide.index（）}}）；
}
}

body，div，p{
保证金：0；
填充：0；
}
身体{
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
字母间距：0.0625em；
}
a{
文字装饰：无；
}
导航{
位置：固定；
排名：0；
左：0；
宽度：100%；
z指数：100；
}
导航ul{
列表样式：无；
文本对齐：居中；
边缘顶部：30px；
}
李国荣{
显示：内联块；
右边距：20px；
}
李海军：最后一个孩子{
右边距：0；
}
#回到教程{
左边距：100px；
}
导航a{
位置：相对位置；
排名：0；
填充：10px 20px；
字体大小：正常；
字体大小：20px；
文本对齐：居中；
边界半径：4px；
背景色：#FFFFFF；
颜色：#83C78E；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无；
}
主动导航{
顶部：-4px；
背景色：#69C773；
颜色：#FFFFFF；
-网络工具包盒阴影：0 4px 0 0#51a65f；
-莫兹盒阴影：0 4px 0 0#51a65f；
盒影：0 4px 0#51a65f；
}
.幻灯片容器{
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100
TweenLite.to($slidesContainer, 1, {scrollTo: {y: pageHeight * $currentSlide.index() }, onComplete: onSlideChangeEnd, onCompleteScope: this});

TweenLite.to($slidesContainer, 0.2, {scrollTo: {y: pageHeight * $currentSlide.index() }, onComplete: onSlideChangeEnd, onCompleteScope: this});