Animate Smooth Scroll

by Taufik Nurrohman

HTML

<div id="bos">
Lorem ipsum dolor sit amet-amet jabang bayi oek-oek. Consetetur kampuang nan jauh di mato ambo-ambo tempe goreng enak rasanya. Sed diam nonumy ummi-ummi eirmod tempor kuch-kuch hota hai. Poligami nehi-nehi aishiteru mereketehe hajimeteiru.
</div>

CSS

#bos {
  width:500px;
  height:100px;
  background-color:black;
  color:white;
  padding:10px;
  overflow:auto !important;  /* Efek scroll */  
}

JavaScript

$('#bos').hover(function() {
    $(this).stop().animate({width:"200"}, 400);
}, function() {
    $(this).stop().animate({width:"500"}, 200);
});