包含父级溢出隐藏

Question

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

代码将完整的html和body移动到左侧，以显示带有粒子/气泡动画的下一个水平页面。但它也会移动其他div。

我想要什么？

将此代码包装在div中，以便在单击按钮时生成滚动但仅在div内部，其他div可见。

我遇到了哪些问题？

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

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

这段代码是运动的责任，如果我尝试从div中做到这一点，那么功能就会崩溃。

这是一个测试用例的Jsfiddle。 JsFiddle link demo

非常感谢你。 问候。