Fix for the jQuery scrollTo plugin bug on webkit based browsers like Chrome and Safari.

Introduction, issue description and solution details provided here - http://looselytyped.blogspot.in/2012/12/fixing-jquery-scrollto-bug-in-chrome.html

HTML

<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
<html>
    
    <body>
        <!-- the placeholder element for top of page -->
        <div id="top"></div>
        
        <!--  add some filler content -->
        <div style='background-color: #FAA; width: 100px; height: 500px; border: #000 solid 1px;'></div>
        <div style='background-color: #AFA; width: 100px; height: 500px; border: #000 solid 1px;'></div>
        <div style='background-color: #AAF; width: 100px; height: 500px; border: #000 solid 1px;'></div>
        
        
        <!-- 'scroll-to-top' link -->
        <a id='scroll-to-top' href='#top'>Go to top</a>
    </body>

</html>

CSS

#top {
    padding: 0px;
    margin: 0px;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0px;
}

JavaScript

$(document).ready(function() {
    $('#scroll-to-top').bind('click', function(e) {
        try {
            e.preventDefault();
            target = this.hash;
            $('html, body').scrollTo(target, 1000);
        } catch (error) {
            alert('error - ' + error);
        }
    });
});