如何制作具有鼠标悬停效果的水平滚动条

How to make a horizontal scrollbar with mouseover effects?

本文关键字：水平滚动条悬停何制作鼠标更新时间：2023-09-26

Helo大家好，我一直在网上搜索一些jquery或javascript教程或水平滚动条插件，我找到了很多插件asnd教程，但不是我想要的。

现在我使用tinyscroll，我发现它有很多bug，有人能帮我做下一个效果吗。

鼠标悬停：鼠标悬停在右侧或左侧时，它会自行滚动。隐藏时的阴影：当图像隐藏在左边或右边时，会产生一种"它在这个层的底部"的阴影效果。滚动条：具有80%不透明度的简单条鼠标滚动：鼠标滚动可以和它一起使用。

我需要像这个页面中的电影滚动条一样的东西：

Cuevana.tv

我知道html和css，但是css-webkit样式无法实现这种效果。

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

试试这个。

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

有了css，你可以让它看起来和你发布的链接中的一模一样。（通过图像容器等向上定位左右插入符号…）

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

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

也可以尝试平滑潜水滚动-http://www.smoothdivscroll.com/demo.html