Thank you for your help!
I need to support for more issue:
How do "Section 1" and "Section 2" apply snap scroll. While the scrollTrigger applied content still remains the same
https://codepen.io/minhcodefactory/pen/bGRMBMm
Demo1: https://codepen.io/minhcodefactory/pen/BaZxNyJ
Demo2: https://codepen.io/minhcodefactory/pen/zYzjvpE
I want to have header, footer like demo 1, the middle scrolling part is the same as demo 2. can you help me?