scrollTo - jQuery

HTML

<div class="viewport"> azertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwertyazertyqwerty
</div>
<p>&nbsp;</p>
<div id='slider'>1231231</div>

CSS

.viewport {
    width: 200px;
    height: 40px;
    overflow: hidden; /* set to auto to show the default scrollbar*/
}

JavaScript

var slider = $( "#slider" ).slider({
      min: 0,
      max: 100,
      range: "min",
      slide: function( event, ui ) {
          var vp = $('.viewport')[0];
          vp.scrollLeft = (ui.value/ 100) * vp.scrollWidth;
                   
      }
});