将变量从js函数传递到gsap scrollTrigger

编程问答 2022-06-06

问题描述

尝试根据窗口宽度修改gsap scrollTrigger offset_value 。不幸的是，当用户“即时”更改窗口大小时，无法弄清楚如何使用(window).resize(function()实现此目的。此功能对 offset_value 变量不起作用。

这是现在的代码，显然我的方法存在根本上的错误：

    gsap.registerPlugin(ScrollTrigger);
    var frame_count  = 37,offset_value = 360;
if (window.innerWidth < 980) {
    offset_value = 180;
     }
//This is the part that is not working
jQuery(window).resize(function() {
  if( jQuery(this).width() > 979 ){
    offset_value=360;}
    else {offset_value=180;}
    return offset_value;
});
//END This is the part that is not working

gsap.to(".iis-viewer",{
  backgroundPosition: (-offset_value * frame_count * 2) + "px 50%",ease: "steps(" + frame_count + ")",// use a stepped ease for the sprite sheet
  scrollTrigger: {
    trigger: ".iis-scene",start: "top top",end: "+=" + (frame_count * offset_value),pin: true,scrub: true
  }
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

functionfunctiongsapjavascriptscrolltriggervariables