最后一张幻灯片的滚动页面(全屏垂直滚动条)

时间:2015-10-21 21:38:30

标签: jquery api revolution-slider

滑块到达最后一张幻灯片后,是否可以在滑块下方滚动? Themepunch表示可以通过API,但他们没有进一步解释。

最后,我想在页面顶部使用滑块(带有多个幻灯片的全屏滑块),鼠标滚轮/滚动几张幻灯片,然后在页面上继续。

他们没有使用rev滑块,但以下是功能的示例:http://www.gogoro.com/smartscooter/faster

另外,如果能够解决这个问题,那么就可以让页面向下滚动一两个部分;然后当你点击滑块部分时,它会滚动鼠标滚轮上的滑块,当所有幻灯片完成后,它会移动到下一部分。

查看此网站以获取示例:https://www.fitbit.com/surge

2 个答案:

答案 0 :(得分:0)

也许它不是最优雅的解决方案,但在这些情况下,我制作了另一张幻灯片,并将我放入普通页面的html放在滑块的新文本/ html图层中。所以最后一张幻灯片看起来像一个页面,但实际上是一个滑块。关于这一点的积极的事情,一切都会以相同的方式在不同的屏幕上表现和调整大小。 Rev滑块5还有很酷的方式来处理移动设备,所以实际上没有理由不在滑块中构建所有内容,特别是如果你只有通常在页面中的小部分。

答案 1 :(得分:0)

阅读这篇文章,我写了how to create a page like HugeInc。 它看起来与the one you add as an example of what you want非常相似。

为此,我使用了我的插件pagePiling.js

您可能不希望按原样遵循整个教程,但您可以获得一些概念作为最后一部分。