网站水平滚动使用CSS捕捉到分隔线

Question

我的问题是我不知道如何捕捉分隔符以锁定每个页面上的滚动。.我找到了可以使用css使其工作的代码，但是我。不能按我想要的进行修改。它似乎对我不起作用：( ..任何答案或建议都非常感谢！..谢谢youuu。

这是我的HTML和CSS代码：

Code pen : https://codepen.io/faizjie9/pen/rNVqXYY

这是我的预期示例：

Code pen : https://codepen.io/faizjie9/pen/WNvaVpr