title: How to scroll when cursor is on the edge of div?
body: <p>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, in order to bring these menu items into the view. 
  <img src="https://i.stack.imgur.com/blPEw.png" alt="enter image description here"></p>
  
  <p>I am a beginner with Jquery, so any help is greatly appreciated.</p>
  
  <p><a href="http://jsfiddle.net/ftaran/y9a64/10/" rel="nofollow noreferrer">Markup is in Jsfiddle</a></p>