Smooth Scrolling

smooth scrolling by javascript on anchor link

by sarfarazdesigner

HTML

<div id="wrapp" style="width:960px; margin:30px auto;">
    <div style="height:50px;">
        <a class="click" href="javascript:;" targ="home">Home</a> 
        <a class="click" href="javascript:;" targ="about">About</a> 
        <a class="click" href="javascript:;" targ="contact">contact</a> 
    </div>

    <div id="home" style="height:500px; width:100%;">
        test
    </div>
    
    <div id="about" style="height:500px; width:100%;">
        test 2
    </div>
    <div id="contact" style="height:500px; width:100%;">
        test 2
    </div>
</div>

JavaScript

$(document).ready(function (){
        $(".click").click(function (){
            var id = $(this).attr('targ');
            var topvalue= $('#'+id).offset().top;
            console.log($('#'+id).offset());
            console.log(id);
            $('body,html').animate({
                scrollTop: topvalue
            }, 800);
            
        });
    });