Oxygen XML Forum

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>

<div>

    <script>

    <!--

       $(document).ready(function () {

            //Check to see if the window is top if not then display button

            $(window).scroll(function(){

                if ($(this).scrollTop() > 5) {

                    $('#go2top').fadeIn('fast');

                } else {

                    $('#go2top').fadeOut('fast');

                }

            });

       

           //Click event to scroll to top

           $('#go2top').click(function(){

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

            

            return false;

           });

        });

    -->

    </script>

    

    <style>

    #go2top {

        padding: 10px;

        text-align: center;

        font-weight: bold;

        color: #fff;

        position: fixed;

        display: none;

        z-index: 999;

        cursor: pointer;

        height: 44px;

        width: 44px;

        border-radius: 0.25em;

        position: fixed;

        bottom: 37px;

        right: 25px;

        border: 1px solid #999999;

        overflow: hidden;

        white-space: nowrap;

        background-color: #444444;

    }

    </style>

    

    <div id="go2top">

        <span class="glyphicon glyphicon-chevron-up"></span>

    </div>

</div>