javascript - How to scroll when cursor is on the edge of div? -

i have div(menubar) has lot of links , these links out of view. must make div scroll right or left when cursor @ edge of menu div, in order bring these menu items view.

i beginner jquery, appreciated.

markup in jsfiddle

short:

use-ready solutions:

• scrolling-carousel
• jmycarousel (demo)
• smooth div scroll

full answers can read on relative questions:

• jquery plugin continually horizontally scroll on mouseover
• looking jquery plugin (or code) automatically scroll carousel items on mousover