title: jquery trigger horizontal scroll of fluid dynamic width div, stop end/beginning, get width window
body: <p>I suppose this is essentially a <strong>jquery</strong> slider I am after, but none of the one's I have tried (<em>caroufredsel, elastislide, smoothdivscroll</em>) do exactly what I want and most offer too many extra features that I don't need. All I really want to do is trigger the browser's horizontal scrolling via <strong>jquery</strong> so I can hide the scrollbar and use a button to trigger the scroll.</p>
  
  <p><b>Requirements:</b><br>
  -A horizontally scrolling div with a 100% width so no matter the browser's window size, the images fill from the left to right edges. (<em>done, see link below</em>)</p>
  
  <p>-The width of the images vary</p>
  
  <p>-Trigger the left or right scrolling via clicking on external control like <code>&lt;div id="scroll-left"&gt;scroll left&lt;/div&gt;</code> by a one page at a time.</p>
  
  <p>-Use easing</p>
  
  <p>-Stop scrolling at beginning or end of div (just like a browser's scroll acts)</p>
  
  <p>What I believe has to happen is for <strong>jquery</strong> to get the current width of the div or the browser window to be able to know how far to scroll, then needs to know when to stop.</p>
  
  <p>Perhaps it's simpler than that.</p>
  
  <p>I have a basic mockup of the horizontally scrolling div pre jquery: <a href="http://fixxed.com/test/test/scrolltest.html" rel="nofollow noreferrer">HERE</a></p>