Bạn có thể xem Demo ngay tại trang chủ của bacsiwindows.com
Cách thực hiện
Bước 1. Dán CSS này vào trước thẻ]]></b:skin>
#bacsiwindows-go-top{position:absolute;top:-35px;right:50%;background:#fff;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)}
#lower
. Thì bạn tìm trong mẫu id='lower'
#lower-wrapper
hoặc #footer-wrapper
thì bạn tìm trong mẫu đoạn code tương ứng: <div id='lower-wrapper'>
hoặc <div id='footer-wrapper'>
và dán code HTML này vào sau thẻ đó.
<a href='javascript:;' id='bacsiwindows-go-top'><i class='fa fa-chevron-up'/></a>Để kiểm tra nhanh, hãy click chuột phải vào phần Footer và chọn Kiểm tra phần tử.
</body>
và dán đoạn javascript này phía trên nó.<script type='text/javascript'>Bước 4. Lưu mẫu.
$('#bacsiwindows-go-top').on('click', function (e) {
e.preventDefault();
$('html,body').animate({
scrollTop: 0
}, 999);
});
// bacsiwindows.com
</script>
BÌNH LUẬN (0)