Make paralox scroll in html

<script>

$(document).ready(function(){

$( '.searchbychar' ).on('click', function(event) {

    event.preventDefault();

    var target = "#" + $(this).data('target');

    //alert(target);

    $('html, body').animate({

        scrollTop: $(target).offset().top

    }, 2000);

});

});

[4:24:49 PM] SAG Lalit yogi: <ul id="nav">

        <li id="a1" class="active"><a class="searchbychar" href="#" data-target="aboutus" title="Next Section">first</a></li>

        <li id="a2"><a  class="searchbychar" href="#" data-target="mission" title="Next Section">second</a></li>

        <li id="a3"> <a  class="searchbychar" href="#" data-target="name" title="Next Section">third</a></li>

        <li id="a4"> <a  class="searchbychar" href="#" data-target="mis" title="Next Section">fourth</a></li>

          

    </ul>