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

avatar

Giựt243
397
82
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 :
243
Points :
397
Like :
82
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_dav217
311
46
Punbb
Quản trị
Trảm Phong

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

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

Bài viết :
234
Points :
504
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ựt243
397
82
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 :
243
Points :
397
Like :
82
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á