当光标位于div的边缘时如何滚动？

Question

我有一个div（菜单栏），它有很多链接，这些链接不在视图之内。当光标位于菜单div的边缘时，我必须使div向右或向左滚动，以便将这些菜单项放入视图中。

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

Markup is in Jsfiddle

Answer 1

<强>短

使用就绪的解决方案：

• Scrolling-carousel
• Jmycarousel（demo）
• Smooth div scroll

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

• jQuery plugin to continually horizontally scroll on mouseover
• Looking for jQuery plugin (or code) to automatically scroll Carousel items on mousover

Answer 2

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

How to Auto Scroll a div on mouse move over the margins?

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 ;
 }