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

avatar

Giựt238
388
80
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 :
388
Like :
80
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_dav186
263
41
Punbb
Quản trị
Trảm Phong

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

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

Bài viết :
234
Points :
501
Like :
137
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
388
80
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 :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Hề hề
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...