如何使用鼠标hover效果制作水平滚动条?

Helo对所有人,我一直在网上搜索一些jquery或javascript教程或插件的水平滚动条,我发现了许多插件asnd教程,但不是我想要的那个。

现在我使用tinyscroll,我发现它有很多错误,有人可以帮助我的下一个效果。

鼠标hover:鼠标hover在右侧或左侧时,它会自动滚动。 隐藏时的阴影:当图像隐藏在左侧或右侧时,阴影效果会产生“它位于此图层的底部”效果。 滚动条:具有80%不透明度鼠标滚动的简单栏:可以使用鼠标滚动。

我需要这个页面中的电影滚动条:

Cuevana.tv

我知道html和css但css -webkit样式不能做到这种效果。

我真的没有任何代码可以开始,请帮忙。

试试这个 。

它有水平滚动条和鼠标滚动工作。

使用css,您可以使其看起来与您发布的链接中的内容完全相同。 (通过图像容器等将左右插入符号放置…)

我在这里引用一个好的SOF答案: jquery水平滚动

试试hoverscroll jQuery插件 – http://rascarlito.free.fr/hoverscroll/

另请尝试Smooth Div Scroll – http://www.smoothdivscroll.com/demo.html