[Code] Nút lên top tự làm

avatar

Giựt238
389
81
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
389
Like :
81
Punbb
Cẩn thận
Éo có đối thủ
Rất đẹp và lợi Very Happy

Quên cái đề mô :




Vào overall_footer_begin thêm code sau vào cuối :

Code:
<a href="#" id="go_top"></a>
<script>
(funcion(){
    $('#go_top').click(function(){
        $('body,html').animate({scrollTop:0},400);
        return false;
    })
})(jQuery)
$(window).scroll(function(){
    if( $(window).scrollTop() == 0 ) {
        $('#go_top').stop(false,true).fadeOut(600);
    }else{
        $('#go_top').stop(false,true).fadeIn(600);
    }
});
</script>
<style>
  #go_top{
    display:block;
    width:31px;
    height:31px;
    position:fixed;
    background-color:#2ccaae;
    bottom:15px;
    right:15px;
}

/*-- tạo mũi tên --*/
#go_top:before{
    content:"";
    position:Absolute;
    width:0;
    height:0;
    border:11px solid transparent;
    border-bottom:11px solid white;
    left:5px;
    top:-8px;
}


#go_top:after{
    content:"";
    position:Absolute;
    width:10px;
    height:17px;
    background-color:white;
    left:11px;
    top:14px;
}
</style>
#codefm

Tags: #top #nút #tự #làm


Được sửa bởi trandangduat ngày 29/8/2016, 8:52 pm; sửa lần 1.
 Trả lời bài viết
avatar

the_dav216
310
46
Punbb
Quản trị
Trảm Phong

Bài viết :
216
Points :
310
Like :
46
Punbb
Quản trị
demo e ơi. chịu khó đăng demo dc ko :)
 Trả lời bài viết
avatar

Karbyz49233
501
138
Punbb
An toàn
Anh là vô địtt :))
Quản lý viên

Bài viết :
233
Points :
501
Like :
138
Punbb
An toàn
Anh là vô địtt :))
Mới share skin thích hát hò bác đã add rồi, nhanh tay vl Smile
 Trả lời bài viết
avatar

Giựt238
389
81
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
389
Like :
81
Punbb
Cẩn thận
Éo có đối thủ
Hề hề
 Trả lời bài viết

Sponsored content

 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá