Code nút Back to top - Scroll to top này là nút trở lên đầu trang, sử dụng jquery nhẹ và icon font awesome tạo nên hiệu ứng mượt mà đẹp mắt

Code này cực kì dễ dàng tùy chỉnh nha.

Đầu tiên để code này vào head hoặc foot (Bạn nào có jquery và font awesome sẵn r thì khỏi thêm làm gì cho nặng, trường hợp code không chạy mới add lại thôi )

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Đây là code nút Back to Top - Scroll to top: (Nên để sau thẻ body hoặc trước thẻ đóng body là tốt nhất, còn js thì để đâu cũng đc)

<script> // kéo xuống khoảng cách 600px thì xuất hiện nút Top-up var offset = 50; // thời gian di trượt 0.95s ( 1000 = 1s ) var duration = 950; $(function(){ $(window).scroll(function () { if ($(this).scrollTop() > offset) $('#top-up').fadeIn(duration); else $('#top-up').fadeOut(duration); }); $('#top-up').click(function () { $('body,html').animate({scrollTop: 0}, duration); }); }); </script> <div id="top-up"><i class="fa fa-arrow-circle-o-up"></i></div> <style> #top-up { background:none; font-size: 3em; cursor: pointer; position: fixed; z-index: 99999;// đè lên tất cả nôị dung đi qua nó color: green; bottom: 50px; right: 25px; display: none; } </style>

Chúc các bạn thành công vì code sử dụng HTML + JS + CSS nên tương thích hầu hết tất cả mã nguồn :v

Demo: https://xovigame.tk https://videosvn.org