【问题标题】:Scroll page at last slide (fullscreen vertical scroller)在最后一张幻灯片上滚动页面(全屏垂直滚动条)
【发布时间】:2015-10-21 21:38:30
【问题描述】:

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

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

他们没有使用 rev 滑块,但这里有一个功能示例:http://www.gogoro.com/smartscooter/faster

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

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

【问题讨论】:

  • 请参阅"Should questions include “tags” in their titles?",其中的共识是“不,他们不应该”!
  • 我很抱歉,安德烈亚斯,我没有意识到这是一个禁忌。老实说,我并没有试图强制标记那里 - 试图提供信息。感谢您的编辑和链接。

标签: jquery api revolution-slider


【解决方案1】:

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

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

您可能不想照原样学习整个教程,但您可以在最后一节中获得一些概念。

【讨论】:

  • 好东西。这绝对可以工作。谢谢,@Alvaro
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 2019-02-11
    • 1970-01-01
    • 2020-11-07
    • 1970-01-01
    • 2015-06-28
    • 1970-01-01
    • 1970-01-01
    • 2018-02-09
    • 1970-01-01
    相关资源
    最近更新 更多