title: Jquery Smooth scrollToElement offset
body: <p>I have made the scrollingHotSpot left and right areas nontransparent which now means that when I load the page, the first image is cut off to the left. The same problem happens when I use the scrollToElement function.</p>
  
  <p>To fix the first image being cut off I used this, which works fine:</p>
  
  <pre><code>#makeMeScrollable div.scrollableArea img{
  padding: 0 30 0 30;} //as my scrollinghotspots are 30px wide
  </code></pre>
  
  <p>My scrollToElement image still gets cut off to the left though:</p>
  
  <pre><code>$("#jumpToPrint").click(function () {
          $("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint");
      });
  </code></pre>
  
  <p>Tried using the following but it didn't fix the problem:</p>
  
  <pre><code>$("div#makeMeScrollable").smoothDivScroll("scrollToElement", "id", "imgPrint").offset().left - 30;
  </code></pre>
  
  <p>Greatly appreciate any help, cheers!</p>