How To Scroll When Cursor Is On The Edge Of Div?

I have a div(menubar) that has a lot of links and these links are out of the view. I must make the div scroll to the right or left when the cursor is at the edge of the menu div, i

Solution 1:

Short:

Use-ready solutions:

• Scrolling-carousel
• Jmycarousel (demo)
• Smooth div scroll

Full answers you can read on relative questions:

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

Solution 2:

Take a look at this example, in this example you can see how they scroll the div when the mouse at right edge of the div. you can do the same thing.

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

Solution 3:

Here Answer

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