javascript - 当光标在div的边缘时如何滚动？

Question

我有一个 div(menubar) 有很多链接，这些链接不在视图中。当光标位于菜单 div 的边缘时，我必须使 div 向右或向左滚动，以便将这些菜单项带入视图。

我是 Jquery 的初学者，因此非常感谢任何帮助。

标记在 Jsfiddle

Answer 1

短的：

即用型解决方案：

• 滚动轮播
• Jmycarousel（演示）
• 平滑的 div 滚动

您可以阅读相关问题的完整答案：

• jQuery插件在鼠标悬停时不断水平滚动
• 寻找 jQuery 插件（或代码）以在鼠标悬停上自动滚动 Carousel 项目

Answer 2

看看这个例子，在这个例子中你可以看到当鼠标在 div 的右边缘时它们是如何滚动 div 的。你可以做同样的事情。

如何在鼠标移动到边距时自动滚动 div？

Answer 3

这里回答

<div onmouseover="this.className='addscrool'"    onmouseout="this.className='removescrool';" style="width:100px;height:100px;border:1px  solid Blue">
 </div>
 <style>
.addscrool
{
overflow-y: scroll;
}   .removescrool
{
overflow-y:hidden ;
 }