【问题标题】:jQuery - Continuously scroll div on hoverjQuery - 悬停时连续滚动 div
【发布时间】:2013-10-14 09:11:18
【问题描述】:

我希望构建一个类似于 Netflix 的内容架,当您将鼠标悬停在任一端的箭头上时,架子会以连续的速度滚动。理想情况下,我还想这样做,当您单击箭头时,它会滚动一大块,因此您可以选择单击以快速通过架子。

这将使用延迟加载,因此您不必担心重复内容,但显然它不会设置宽度(除此之外,外部容器是 100% 溢出滚动。

此外,这需要实际上是可滚动的,因此它可以在平板电脑/手机上运行。

我不知道从这里开始,所以任何方向都会很棒。

谢谢, 杰克!

Image of netflix shelf.

【问题讨论】:

    标签: javascript jquery scroll jquery-animate


    【解决方案1】:

    更新:查看Smooth Div Scroll jQuery plugin。它在图像中连续滑动,您可以将鼠标悬停在 div 上并手动前后滚动。

    原答案: 我可能不同意,但请查看这两个插件:

    jQuery Coverflow pluginjQuery Imageflow plugin

    我认为您正在寻找的关键字是“流”,并且有多个用于 jQuery 的流插件。希望这会有所帮助。

    最好的问候, 迈克尔

    【讨论】:

    • 感谢您的帮助,但不是我所追求的……与其说是封面流,不如说是一个连续的滚动架子。
    • 好的,然后检查“Smooth Div Scroll” jQuery 插件:smoothdivscroll.com 它会连续滚动图像 :) 我想您还可以在图像之间添加边距,以便获得与Netflix。
    • 您也可以使用几乎可以自定义的 flex 滑块插件,例如对于您的情况,您可以启用自动幻灯片:flexslider.woothemes.com
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-06
    • 1970-01-01
    • 2012-04-09
    • 1970-01-01
    • 2011-11-26
    • 1970-01-01
    相关资源
    最近更新 更多