Observer ignoring "ignore" parameter?

[foundartfactory 2 Likes (Newbie)]

Howdy folks! I went looking for ScrollTrigger stuff, and came across Observer which may be all I need. I was trying to use the ignore parameter, but it doesn't appear to affect anything. Ideas as to what I'm not doing correctly? 

In my HTML I have something like:

<section class="second scrollignore"> //(i've tried putting the class on the div, etc)

...and in the Javascript:

Observer.create({
        type: "wheel,touch,pointer",
        wheelSpeed: -1,
        onDown: () => {
          !animating && gotoSection(currentIndex - 1, -1);
        },
        onUp: () => {
          !animating && gotoSection(currentIndex + 1, 1);
        },
        tolerance: 10,
        preventDefault: true,
        ignore: ".scrollignore"
      });

I should note -- I was working from the original example found in https://greensock.com/docs/v3/Plugins/Observer; When I went to that page today, there's a similar looking but very different under the hood example there. Consider me confused!

 

Thanks,

Patrick

See the Pen qBxxrNw by foundartfactory (@foundartfactory) on CodePen

[PointC 14,185 Likes (Superhero)]

I'm not 100% sure as I didn't build that demo, but all the sections are stacked on top of each other so this may be a target/z-index issue. If you add the .ignore class to the header, you see it is indeed ignored.

 

Here's another simple example where I've told the Observer to ignore the .green and .orange targets.

See the Pen cd77c0fbf45bc990d3baf4213529e43f by PointC (@PointC) on CodePen

 

You can see that the ignore works exactly as expected. I didn't have much time to dive too deep into your forked demo to see the exact reason, but maybe @GreenSock can clarify a little bit.

 

Happy tweening.

[foundartfactory 2 Likes (Newbie)]

46 minutes ago, PointC said:

If you add the .ignore class to the header, you see it is indeed ignored.

And you are of course absolutely correct! 🤦🏻‍♂️ Makes perfect sense    

Thanks Craig @PointC for that quick response, advice and fix!

 

Now to think about stacking versus not stacking,

Patrick