scroll to top javascript

How to make Scroll top page

 HTML

 Scroll Top 

 <div id="scroll-to-top"><i class="glyphicon glyphicon-chevron-up"></i></div>

CSS

#scroll-to-top {

    display: none;

    background: #222222;

    width: 40px;

    height: 40px;

    padding: 7px 0 0 12px;

    color: #fff;

    font-size: 18px;

    position: fixed;

    right: 20px;

    bottom: 20px;

    cursor: pointer;

    z-index: 3333;

}

 JavaScript

<script type="text/javascript">

                $(window).scroll(function () {

                    if ($(window).scrollTop() > 150) {

                        $('#scroll-to-top').fadeIn();

                    }

                    else {

                        $('#scroll-to-top').fadeOut();

                    }

                }).scroll();

                $('#scroll-to-top').click(function () {

                    $("html, body").animate({scrollTop: 0});

                });

     </script> 

Newer Post Older Post