Hữu Nhân Designer › Information Technology, Hacking & Security, Developer Tips & Tricks

Để làm được hiệu ứng này bạn thêm đoạn js sau trước thẻ </body> :

<script type='text/javascript'>

    $('#bacsiwindows-go-top').on('click', function (e) {

        e.preventDefault();

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

            scrollTop: 0

        }, 999);

    });

</script>

Thêm Đoạn CSS này trước thẻ ]]></b:skin> :

#bacsiwindows-go-top{position:absolute;top:-35px;right:50%;background:#333;color:#7577a9;border:6px solid #dddddd;height:60px;width:60px;text-align:center;line-height:60px;border-radius:0;font-size:1.2em;z-index:69;transform:rotate(45deg);margin:0 -50px}

#bacsiwindows-go-top:hover{border-radius:0 50px 50px;color:#7577a9!important}

#bacsiwindows-go-top i{transform:rotate(-45deg)}

Chèn đoạn code này vào nơi muốn hiển thị ( mình thì đặt dưới thẻ <div id='lower'> ) :

<a href='javascript:;' id='bacsiwindows-go-top'><i class='fa fa-chevron-up'></i></a>

*Nguồn : BacSiWindows