带#ID 的 TweenLite 变量

Question

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

我的变量名是 section:

var section = 2;

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

我收到 "Unexpected token +" 错误。

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

Answer 1

您发布的代码中的语法错误，因为您缺少 y 参数和 id 并连接 variable。

试试这个：

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

有关详细信息，请参阅 GSAP ScrollToPlugin 文档：

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

:)

带#ID 的 TweenLite 变量

TweenLite Variable with #ID

javascript

gsap