- Совместимость с XenForo
- 2.1.x
- 2.2.x
Находим в панели управления шаблон PAGE_CONTAINER:
Найти:
Заменить:
Содержимое hal_go_up_go_down.less соответственно такое:
В результате чего в панели администратора появятся кнопки как на шаблоне по умолчанию.
Найти:
HTML:
HTML:
{{ phrase('top') }}
{{ phrase('bottom') }}
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#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")
}
)
});
CSS:
.go-up, .go-down {
display: none;
position: fixed;
z-index: 9999;
right: 0%;
background: #2577b1;
border-color: #2985c6 #21699c #21699c #2985c6;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;
font: normal normal normal 14px/1 FontAwesome;
text-shadow: 0 1px 2px #000;
opacity: .5;
padding: 3px;
margin-bottom: 5px;
width: 30px;
height: 30px;
}
.go-up {
bottom: 105px;
}
.go-down {
bottom: 70px;
}
.go-down:hover,
.go-up:hover {
opacity: 1;
}
#ToTop i, #OnBottom i {
margin-top: 5px;
}