Desplazamiento con anclas

/* Desplazamiento con anclas */
$(function(){

        $('a[href*=#]:not([href=#])').click(function() {
           if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
               var target = $(this.hash);
               target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
                  if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top
                   }, 1000);
                   return false;
               }
           }
       });
});

HTML
-----------------------------------------
<ul>
                        <li><a href="#read">Read</a></li>
                        <li><a href="#widget">Widget</a></li>
                        <li><a href="#info">Infographic</a></li>
                    </ul>
<div id="read">
</div>

<div id="widget">
</div>

<div id="info">
</div>