jQuery - 在悬停时连续滚动div

时间:2013-10-14 09:11:18

标签: javascript jquery scroll jquery-animate

我希望建立一个内容架子,就像在Netflix上一样,当你将鼠标悬停在两端的箭头上时,架子会以连续的速度滚动。理想情况下,我也想这样做,当你单击箭头时它会向上滚动一个块,所以你可以选择点击像是快速通过一个架子。

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

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

我不知道从哪里开始所以任何指示都会很棒。

谢谢, 杰克!

Image of netflix shelf.

1 个答案:

答案 0 :(得分:1)

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

原始回答: 我可能会关闭它,但看看这两个插件:

jQuery Coverflow pluginjQuery Imageflow plugin

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

祝你好运, 迈克尔