jQuery function scroll Top কি ভাবে আপনার ওয়েবপেজ এ সঞ্জুক্ত

বন্ধুরা আপনারা সকলে কেমন আছেন, নিশ্চই অনেক ভাল। আজকে আমি jQuery function scroll Top কি ভাবে আপনার ওয়েবপেজ এ সঞ্জুক্ত করবেন তা শেয়ার করব ।
প্রথমে আপনার সাইট এর index.html এ জান তারপর body -র টেগটি যেখানে শেষ হয়েছে ঠিক তার উপরে আপনি jQuery লিংক করূন। আপনি jQuery দুই ভাবে লিংক
করতে পারেন...১/সরাসরি CDN থেকে  অথবা
             ২/ ডউনলোড করে লোকাল সারভার থেকে ।
প্রথমে আপনার ফলডারে একটি ফাইল খুলুন, যেমন main.js নামে একটি ফাইল নিলাম এবং নোটপ্লাস প্লাস এ রান করলাম । এবার একই ভাবে index.html এবং style.css রান করি । এরপর
 index.html যে ডিভ এ scroll Top তৈরি করব সেখানে একটি button ট্যাগ নিয়া একটি id তৈরি করি । যেমনঃ
             <button type="button" id="backtotop"><i class="fa fa-chevron-up"></i></button>
এর পর style.css এ  কাজ করলাম এভাবে
button#backtotop{
    border: 0px solid #ddd;
    background: #333;
    padding: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 2px 2px 0px 0px #000;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: fixed;
    left: 50px;
    bottom: -60px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
button#backtotop.fixed{
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
button#backtotop:focus{
    outline: 0;
    box-shadow: 3px 3px 0px 0px red;
}
button#backtotop:hover{
    box-shadow: 3px 3px 0px 0px red;
}
এবং  main.js এ কাজ করলাম এভাবে......

// jQuery Scroll to Top

jQuery(document).ready(function() {
    jQuery(window).scroll(function(){
        if(jQuery(this).scrollTop() > 200){
            jQuery('button#backtotop').addClass('fixed');
        }else{
            jQuery('button#backtotop').removeClass('fixed');
        }
    });
    jQuery('button#backtotop').click(function(){
        jQuery('html body').animate({scrollTop:0},1000);
    });
});

   হয়ে  গেল আমার scroll Top .