側邊工具欄

<script>
    $(document).ready(function() {
        //首先將#btn隱藏
        $("#rollbar-totop").hide();
        //當滾動條的位置處於距頂部50像素以下時，跳轉鏈接出現，否則消失
        $(function() {
            $(window).scroll(function() {
                if ($(window).scrollTop() > 180) {
                    $("#rollbar-totop").fadeIn(200);
                } else {
                    $("#rollbar-totop").fadeOut(200);
                }
            });
            //當點擊跳轉鏈接後，回到頁面頂部位置
            $("#rollbar-totop").click(function() {
                $('body,html').animate({
                        scrollTop: 0
                    },
                    500);
                //return false;
            });
        });
    });
</script>
<div class="rollbar rollbar-rb">
    <ul>
        <li class="rollbar-qrcode">
            <a href="javascript:void(0)">
                <i class="fa fa-qrcode"></i>
                <span class="glyphicon glyphicon-qrcode rollbar_returnTop"></span>
            </a>
            <h6>
                "關注微信"
                <img src="https://themebetter.com/qrcode?url=http://demo.themebetter.com/dux" >
                <i></i>
            </h6>
        </li>

        <li class="rollbar-totop" id="rollbar-totop" style="display: list-item;">
            <a  href="javascript:void(0)">

                <span class="glyphicon glyphicon-menu-up rollbar_returnTop" ></span>
            </a>
            <h6>
                回頂部
                <i></i>
            </h6>
        </li>
    </ul>
</div>