title: Need smooth scrolling to a div when anchor tag with id is clicked instead of jumping to that div
body: <pre><code>&lt;div id="slider"&gt;
      &lt;div id="pro1"&gt;&lt;/div&gt;
      &lt;div id="pro2"&gt;&lt;/div&gt;
      &lt;div id="pro3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="thumb"&gt;
      &lt;a href="#pro1"&gt; &lt;img id="tpro1" src="projects/tpro5.jpg" style="height: 100%;"&gt;&lt;/a&gt;
      &lt;a href="#pro2"&gt; &lt;img id="tpro2" src="projects/tpro5.jpg" style="height: 100%;"&gt;&lt;/a&gt;
      &lt;a href="#pro3"&gt; &lt;img id="tpro3" src="projects/tpro5.jpg" style="height: 100%;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the code i worked  with, when i click on the link it is just jumping to that <code>div</code> so i want some animated horizontal scroll to show that <code>div</code></p>
  
  <p>thanks</p>