IE Console Error if Using "self"

[InTheOne]

Hello, this code works on all browser except IE and I was wondering if there is a work around for IE:

 

let mobile_menu = gsap.timeline({
      scrollTrigger: {
        trigger: "#site_content",
        toggleActions: "play none none none",
        start: "top top",
        end: "bottom bottom",
        onUpdate: (self) => {
            if(self.direction == -1){
              mobile_menu.reverse();
            } else if (self.direction == 1){
              mobile_menu.play();
            }
        }
      }
    });

The issue is with calling "self" in the onUpdate

 

Thank you!

[OSUblake]

The issue is the arrow function. The same goes for using let. IE is forever stuck using an older version of JavaScript. Most people use babel to do the conversion, or they don't even worry about IE because it's a waste of time as Microsoft doesn't even support it.

 

var mobile_menu = gsap.timeline({
      scrollTrigger: {
        trigger: "#site_content",
        toggleActions: "play none none none",
        start: "top top",
        end: "bottom bottom",
        onUpdate: function(self) {
            if(self.direction == -1){
              mobile_menu.reverse();
            } else if (self.direction == 1){
              mobile_menu.play();
            }
        }
      }
    });