jQuery-悬停时连续滚动div [英] jQuery - Continuously scroll div on hover

问题描述

我希望像在Netflix上那样建立一个内容架子，当您将鼠标悬停在两端的箭头上时，架子将以连续的速度滚动.理想情况下，我也想这样做，所以当您单击箭头时，它会沿滚动条滚动，因此您可以选择像单击一样单击以快速通过书架.

I wish to build a shelf of content much like on Netflix where when you hover over arrows on either end the shelf scrolls at a continuous speed. Ideally, I would also like to make it so when you click the arrows it scrolls a chunk along, so you have the option to click like made to get through a shelf quickly.

这将使用延迟加载，因此您不必担心重复内容，但是显然它没有设定的宽度(否则外部容器是100％具有溢出滚动的.

This will be using lazy loading so you don't need to worry about repeating content, but obviously it won't have a set width (other then the outside container being 100% with overflow scroll.

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

Also, this needs to be actually scrollable, so it will work on tablets/phones.

我不知道从这里开始，所以任何方向都很好.

I have no idea here to start so any directions would be great.

谢谢， 杰克！

netflix架子的图像.

推荐答案

更新:查看平滑的Div Scroll jQuery插件.它会在图像中连续滑动，您可以将鼠标悬停在div上，然后手动前后滚动.

UPDATE: Check out the Smooth Div Scroll jQuery plugin. It slides continuously through the image, you can hover the mouse on the div and manually scroll back- and forward.

原始答案: 我可能对此不满意，但请查看以下两个插件:

Original answer: I might be off with that, but check out these two plugins:

jQuery Coverflow插件或我认为您要查找的关键字是流"，并且有多个jQuery的流插件.希望这会有所帮助.

I think the keyword you are looking for is "flow" and there are multiple flow plugins for jQuery. Hope this helps.

最诚挚的问候， 迈克尔

Best regards, Michael

这篇关于jQuery-悬停时连续滚动div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！