Tạo nút back to top bằng jquery

Đây là ấn phẩm đầu tiên, cũng chưa biết viết gì, nên mình đăng tạm bài này hướng dẫn về cách tạo nút icon scroll về đầu trang khi click vào

Bạn dùng script sau để tác động hiệu ứng

jQuery(document).ready(function($){
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() > 50) {
            jQuery('.scrollup').fadeIn();
        } else {
            jQuery('.scrollup').fadeOut(500);
    }
});
jQuery('.scrollup').click(function(){
    jQuery("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });

Class .scrollup quy định cho icon ngay tại khu vực có class được tác động hiệu ứng click chuột
Có thể dùng mã CSS cho đoạn java này như sau:

.scrollup {
background : url("../image/gototop.png") 0 0 no-repeat scroll transparent;
bottom : 20px;
display : none;
height : 40px;
position : fixed;
right : 20px;
text-indent : -9999px;
width : 40px;
}

Chúc bạn thành công!