scrolltrigger After preload, ScrollTrigger only works after resize window

[KWcksn]

Hello! I am creating a website in which it has a preload, then displaying the content. I use ScrollTrigger to create a slide-up panel effect. The problem is, the ScrollTrigger only works after I resize the window. Both are working perfectly fine separately, though. I have tried using scroller

ScrollTrigger({
	trigger: "panel", 
	scroller: "#content"
	//other
});

as I have seen other post similar to mine, but it still didn't work. Did I do something wrong? Thanks for the help!

See the Pen QWRMPJM by Keywcksn (@Keywcksn) on CodePen

[Cassie]

Maybe you need to call ScrollTrigger.refresh() after your content is loaded in?

[KWcksn]

11 hours ago, Cassie said:

Maybe you need to call ScrollTrigger.refresh() after your content is loaded in?

Thank you!