title: Smooth scroll within a div
body: <p>I am creating a small directory with links to scroll to the alphabetical list within a scrollable div. I need to have the contents of the div scroll only not the entire page. I am using Smooth scroll found here:</p>
  
  <p><a href="https://github.com/kswedberg/jquery-smooth-scroll" rel="nofollow">https://github.com/kswedberg/jquery-smooth-scroll</a></p>
  
  <p>This is my code:</p>
  
  <pre><code>      $(document).ready(function() {
  
  
      $('.quick_links li a').click(function() {
    $.smoothScroll({
      scrollElement: $('#designers_box'),
      scrollTarget: '#designers_box'
    });
    return false;
  });
  
  });
  </code></pre>
  
  <p>I know I shouldn't use #designers_box on both arguments but not really understanding the documentation. Is anyone familiar with this?</p>
  
  <p>Here is a link to the work:</p>
  
  <p><a href="http://fourcemag.kenaesthetic.com/homme/index.htm" rel="nofollow">http://fourcemag.kenaesthetic.com/homme/index.htm</a></p>
  
  <p>You will see it is doing something but not quite working yet.
  Thanks for the help all.</p>