labelsDirectional for mutiple timeline not work

[lich0320]

Question: How can i use  span:labelsDirectional  in scrollTrigger   with mutiple timeline ?  Is there any way to achieve him ? 
Demos:  
In this demo, I created four timeLabels, one timeLine has two timeLabels. In first timeline he works fine, but when he can't switch to the next timeline.

Thanks help!!!

See the Pen xxPjKvP by liar0320 (@liar0320) on CodePen

[GreenSock]

I don’t see any problems in that CodePen demo behavior. What am I missing? 

[lich0320]

10 hours ago, GreenSock said:

I don’t see any problems in that CodePen demo behavior. What am I missing? 

I updated my case

In the case, I have [scrolltrigger < section01 >]  and  [scrolltrigger < section02 >]。 

It works well when triggered by [scrolltrigger < section01 >] alone. 

It also works well when triggered by [scrolltrigger < section02 >] alone.

<Works refers to snap to label>

However, during the scroll from [scrolltrigger < section01 >] to [scrolltrigger < section02 >] , he cannot snap to the label in [scrolltrigger < section02 >]

Excuse me , How can I achieve this effect ?

 

[GreenSock]

That's because there's no ScrollTrigger active in that area that would do any snapping. You could simply do this: 

ScrollTrigger.create({
  trigger: ".bg-yellow-800",
  snap: [0, 1]
});

See the Pen gOXzXNa?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Is that what you mean?