Jquery 隐藏父级溢出的水平可滚动div换行

我在Codepen上找到了一个我喜欢的代码，所以我想在我的网站上介绍它

代码将整个html和正文向左移动，以显示带有粒子/气泡动画的下一个水平页面。但它也移动了其他部门

我想要什么？

将此代码包装在一个div中，以便在单击按钮时生成一个滚动条，但仅在该div中，其他div可见

我遇到了什么问题？

当我使用overflow:hidden创建一个div，并在另一个div中使用overflow-x:scroll创建一个div时，我得到了想要的结果，但是气泡/粒子的动画消失了，有时无法获得设置位置的滚动

                $('html, body').stop();
            $html.stop().animate({
                scrollLeft: target.offset().left
            }, 1700,'easeOutQuint');

这段代码负责移动，如果我试图从div执行，函数性就会崩溃

下面是一个JSFIDLE测试用例。

多谢各位。

---

您好。

代码笔示例包含7个Scrollax脚本。对我来说，最重要的一个是滚动左侧的粒子移动。