Hướng dẫn Code Up To Top rất hay cho vBB

**ShineGhost** · 13-03-14, 11:31 PM

Hướng dẫn:
Chèn code css sau vào additional.css

1
2
3
4
5
6
7
8
9
10
11
12
13
/* */

#ltr-gotop{cursor:pointer;width:30px;height:30px;positi on:fixed !important;position:absolute;z-index:999;text-indent:-9999px;border:1px solid #144F69;background-color:#067BAF;background-imageebkit-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:radial-gradient(ellipse at center top,#2493C4,#086A95);-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;overflow:hidden}
#ltr-gotop:hover:after{border-bottom-color:white}
#ltr-gotop:after{content:"";display:block;width:0;heigh t:0;border-width:10px 4px;border-style:solid;border-color:transparent transparent #C3D1D7 transparent;position:absolute;top:0;left:11px}

#ltr-gobottom{cursor:pointer;width:30px;height:30px;pos ition:fixed!important;position:absolute;top:26px;r ight:0;z-index:99;text-indent:-9999px;border:1px solid #144F69;background-color:#067BAF;background-imageebkit-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image-radial-gradient(ellipse at center top,#2493C4,#086A95);background-image:radial-gradient(ellipse at center top,#2493C4,#086A95);-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;-webkit-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;border-radius:0 0 0 10px;overflow:hidden}
#ltr-gobottom:hover:after{border-top-color:white}
#ltr-gobottom:after{content:"";display:block;width:0;he ight:0;border-width:10px 4px;border-style:solid;border-color:#C3D1D7 transparent transparent transparent;position:absolute;top:10px;left:11px}

/*  */

Tiếp theo copy code bên dưới chèn vào footer:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<script type="text/javascript">//<=!=[=C=D=A=T=A=[
document.write(unescape("%3Cscript%20type%3D%27tex t/javascript%27%3E//%3C%21%5BCDATA%5B%0A//%20%3C%21---%20Ch%u1EC9nh%20s%u1EEDa%20b%u1EDFi%20LTr%20---%3E%0A%24%28window%29.scroll%28function%20%28%29%2 0%7B%0A%20%20%20%20if%20%28%24%28this%29.scrollTop %28%29%20%3E%20100%29%20%7B%0A%20%20%20%20%20%20%2 0%20%24%28%22%23ltr-gotop%22%29.removeAttr%28%22href%22%29%3B%0A%20%20 %20%20%20%20%20%20%24%28%22%23ltr-gotop%22%29.stop%28%29.animate%28%7B%0A%20%20%20%2 0%20%20%20%20%20%20%20%20bottom%3A%20%220%22%2C%0A %20%20%20%20%20%20%20%20%20%20%20%20right%3A%20%22 0%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20% 20%20%20%20%20%20%20%20%20%20%20duration%3A%20800% 2C%0A%20%20%20%20%20%20%20%20%20%20%20%20queue%3A% 20false%0A%20%20%20%20%20%20%20%20%7D%29%0A%20%20% 20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%2 4%28%22%23ltr-gotop%22%29.stop%28%29.animate%28%7B%0A%20%20%20%2 0%20%20%20%20%20%20%20%20bottom%3A%20%22-50%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20rig ht%3A%20%22-50%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20 %20%20%20%20%20%20%20%20%20%20%20duration%3A%20100 0%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20queue%3 A%20false%0A%20%20%20%20%20%20%20%20%7D%29%0A%20%2 0%20%20%7D%0A%20%20%20if%20%28%24%28this%29.scroll Top%28%29%20%3E%20100%29%20%7B%0A%20%20%20%20%20%2 0%20%20%24%28%22%23ltr-gobottom%22%29.removeAttr%28%22href%22%29%3B%0A%20 %20%20%20%20%20%20%20%24%28%22%23ltr-gobottom%22%29.stop%28%29.animate%28%7B%0A%20%20%2 0%20%20%20%20%20%20%20%20%20top%3A%20%22-50%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20rig ht%3A%20%22-50%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20 %20%20%20%20%20%20%20%20%20%20%20duration%3A%20800 %2C%0A%20%20%20%20%20%20%20%20%20%20%20%20queue%3A %20false%0A%20%20%20%20%20%20%20%20%7D%29%0A%20%20 %20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20% 24%28%22%23ltr-gobottom%22%29.stop%28%29.animate%28%7B%0A%20%20%2 0%20%20%20%20%20%20%20%20%20top%3A%20%220%22%2C%0A %20%20%20%20%20%20%20%20%20%20%20%20right%3A%20%22 0%22%0A%20%20%20%20%20%20%20%20%7D%2C%20%7B%0A%20% 20%20%20%20%20%20%20%20%20%20%20duration%3A%201000 %2C%0A%20%20%20%20%20%20%20%20%20%20%20%20queue%3A %20false%0A%20%20%20%20%20%20%20%20%7D%29%0A%20%20 %20%20%7D%0A%0A%7D%29%3B%0A%24%28function%20%28%29 %20%7B%0A%20%20%20%20%24%28%22%23ltr-gotop%22%29.click%28function%20%28%29%20%7B%0A%20% 20%20%20%20%20%20%20%24%28%22html%2C%20body%22%29. animate%28%7B%0A%20%20%20%20%20%20%20%20%20%20%20% 20scrollTop%3A%200%0A%20%20%20%20%20%20%20%20%7D%2 C%20%22slow%22%29%3B%0A%20%20%20%20%20%20%20%20ret urn%20false%0A%20%20%20%20%7D%29%0A%20%20%20%20%24 %28%22%23ltr-gobottom%22%29.click%28function%20%28%29%20%7B%0A% 20%20%20%20%20%20%20%20%24%28%22html%2C%20body%22% 29.animate%28%7B%0A%20%20%20%20%20%20%20%20%20%20% 20%20scrollTop%3A%20%24%28%27%23footer%27%29.offse t%28%29.top%0A%20%20%20%20%20%20%20%20%7D%2C%20970 %29%3B%0A%20%20%20%20%20%20%20%20return%20false%0A %20%20%20%20%7D%29%0A%7D%29%3B//%5D%5D%3E%0A//%20%3C%21---%20Ch%u1EC9nh%20s%u1EEDa%20b%u1EDFi%20LTr%20---%3E%0A%3C/script%3E")); // Code1k.com
//]=]=>
</script><script type="text/javascript">//<=!=[=C=D=A=T=A=[
// 
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$("#ltr-gotop").removeAttr("href");
$("#ltr-gotop").stop().animate({
bottom: "0",
right: "0"
}, {
duration: 800,
queue: false
})
} else {
$("#ltr-gotop").stop().animate({
bottom: "-50",
right: "-50"
}, {
duration: 1000,
queue: false
})
}
if ($(this).scrollTop() > 100) {
$("#ltr-gobottom").removeAttr("href");
$("#ltr-gobottom").stop().animate({
top: "-50",
right: "-50"
}, {
duration: 800,
queue: false
})
} else {
$("#ltr-gobottom").stop().animate({
top: "0",
right: "0"
}, {
duration: 1000,
queue: false
})
}

});
$(function () {
$("#ltr-gotop").click(function () {
$("html, body").animate({
scrollTop: 0
}, "slow");
return false
})
$("#ltr-gobottom").click(function () {
$("html, body").animate({
scrollTop: $('#footer').offset().top
}, 970);
return false
})
});//]=]=>
// 
</script>
<a id="ltr-gotop" style="bottom: -50px; right: -50px;">Lên Trên!</a>



Vậy là xong nhé , chúc bạn thành công

Chủ đề: Hướng dẫn Code Up To Top rất hay cho vBB

Công cụ Chủ đề

Hướng dẫn Code Up To Top rất hay cho vBB

Các Chủ đề tương tự

[BÁN] Code nạp thẻ VTC 2013 , fix new bảo hành 1 tháng FULL CODE

[KT] Code gift code

[MU] Làm ơn Giúp mình tìm code Hộp Kundun, code rồng vàng cho các map!!!!!!!!!!!!!!!!

Ô kim ... ai có code để add k ?

PRO nào cho xin đoạn code Phụ bản

Quyền viết bài