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

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

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

鼠标悬停：鼠标悬停在右边或左边时，它会自动滚动。 隐藏时的阴影：当图像在左侧或右侧隐藏时，会产生一种阴影效果，即“它位于该层的底部”效果。 滚动条：不透明度为80%的简单条 鼠标滚动：该鼠标滚动可与之配合使用

我需要类似于此页面中的电影滚动条的内容：

奎瓦纳电视台

我知道html和css，但是css-webkit样式不能实现这种效果

---

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

我在这里引用了一个很好的答案：

请尝试hoverscroll jQuery插件-

还可以尝试平滑Div滚动-

尝试

它有水平滚动条和鼠标滚动功能

---

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

我仍然需要条和阴影效果，我认为鼠标滚轮不起作用是的，但我需要一个所有的效果：悬停滚动提供悬停效果，平滑分割滚动鼠标滚轮和滚动条只需要一个，但阴影仍然不存在。我将尝试编辑悬停滚动和阴影效果的这一个，谢谢（希望不会有困难）该插件似乎内置了hoverscroll（将鼠标悬停在左/右插入符号上）。我有点不清楚你描述的dropshadow效果，但是css应该涵盖你需要的任何东西。