为我提供了一个网页项目，该项目需要以下行为：
介绍性内容显示在屏幕上并带有整页背景图像。
当用户向下滚动时，下一个内容部分向上滚动以显示在具有其自身背景图像的整页上。
随着用户不断向下滚动，下一个内容部分将从右（向左）滚动以显示其自己的全页内容和背景图像。
其余所有幻灯片都将继续执行该行为（从右屏幕外滚动到左视图）。
我不确定我是否有时间构建自定义解决方案，所以我希望有一个预先存在的库，该库基本上可以让我设置HTML属性来确定每张幻灯片的滚动/滑动方向。
类似这样的东西：
<li class="slide active" scroll-direction="bottom-to-top">Slide 1</li>
<li class="slide" scroll-direction="bottom-to-top">Slide 2</li>
<li class="slide" scroll-direction="right-to-left">Slide 3</li>
<li class="slide" scroll-direction="right-to-left">Slide 4</li>
<li class="slide" scroll-direction="right-to-left">Slide 5</li>