Help Xin hướng dẫn tạo nút to top giống vnxf

tuna

Thượng Đế
Tham gia
30/01/2017
Bài viết
641
Được Like
278
Mặc dù chủ đề này đã có nhiều trên vnxf nhưng các bài viết mình đọc thì nút to top chỉ hoạt động khi kéo xuống dưới footer, còn ở giữa trang thì bị ẩn hoặc không click được.

Nhưng hiện tại vnxf có nút to top vẫn hoạt động được khi ở giữa trang nên mình muốn xin hướng dẫn, mong mn giúp đỡ :)
 
  • Like
Reactions: THB

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,657
Được Like
3,942
Hình như có hướng dẫn rồi bạn à. bạn tìm giúp nhé. nhớ cái này @Blue hd.
 

tuna

Thượng Đế
Tham gia
30/01/2017
Bài viết
641
Được Like
278
Hình như có hướng dẫn rồi bạn à. bạn tìm giúp nhé. nhớ cái này @Blue hd.
Như mình đã nói là những bài mình tìm được trên 4rum đều chỉ hoạt động được khi cuộn tới footer, còn ở giữa trang thì ko click được, bài bạn đưa link cũng vậy :(
 

game88vn

Thượng Đế
Tham gia
29/11/2015
Bài viết
65
Được Like
55
Ko biết bạn có thích nút Back to top như forum https://gametopviet.com của mình ko?
nếu thích thì bạn làm theo các bước sau:

cho code này vào dưới cùng footer

<!-- Button Back To TOP -->

<div class="rnupa" title="Lên" id="ToTop" style="display: block;">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</div>
<div class="rndowna" title="Xuống" id="OnBottom" style="display: block;">
<i class="fa fa-arrow-down" aria-hidden="true"></i>
</div>

<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="218") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="218") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});

if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});

$("#ToTop").click(function(){
$("html,body").animate({scrollTop:0},"slow")
})
$("#OnBottom").click(function(){
$("html,body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<!-- e./ Button Back To TOP -->

Tìm template Extra.css hoặc xenforo.css cho vào dưới cùng đoạn này:
/******** Back ToTop*********/

.rnupa, .rndowna {
display: none;
position: fixed;
right: 2px;
width: 35px;
height: 35px;
margin-bottom: 4px;
padding: 1px;
font-size: 32px;
text-align: center;
color: rgb(200, 200, 200);
background-color: rgb(255, 255, 255);
border: 1px solid rgb(190, 195, 199);
border-radius: 4px;
opacity: .5;
z-index: 9999;
cursor: pointer;
}

.rnupa {
bottom: 220px;
line-height: 1;
}

.rndowna {
bottom: 180px;
line-height: 1;
}

.rnupa:hover, .rndowna:hover {
opacity: 1;
}

html .rnupa .fa, html .rndowna .fa {
font-size: 32px;
}

.nodeList .node .subForumList {
margin: 10px 0px;

}
/******** E.Back ToTop*********/

xong rồi đó :D
 

aviaiva

Thượng Đế
Tham gia
01/03/2016
Bài viết
340
Được Like
284
hôm trước đưa bác cái code nhẹ nhanh, bác không thèm sài thử nay lại hồ than thở rồi
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom