javascript - 带 #ID 的 TweenLite 变量

Question

我不明白它是如何工作的。我正在尝试在我的 TweenLite 滚动插件中添加一个变量。

我的变量名称是部分:

var section = 2;

document.getElementById("corner-bottom").onclick = function() {
  if(section < 4){
    section++;
  }
  TweenLite.to(window, 1, {scrollTo:{"#section" + section, offsetY:70}});
}

我收到“意外的 token +”错误。

如何将变量添加到我的scrollTo id中？

Answer 1

您发布的代码中的语法错误，因为您缺少带有 id 的 y 参数以及连接的变量。

试试这个:

TweenMax.to(window, 1, {scrollTo:{y:"#section" + section, offsetY:70}});

请参阅 GSAP ScrollToPlugin 文档以获取更多信息:

https://greensock.com/docs/Plugins/ScrollToPlugin

:)