MediaWiki:Gadget-Gadget-BackToTop.js — различия между версиями

Материал из doc.abonent.plus
Перейти к: навигация, поиск
Строка 1: Строка 1:
−
addOnloadHook(function() {
+
$('body').prepend('<a href="#" class="back-to-top">Back to Top</a>');
−
var elems = document.getElementsByClassName('editsection');
+
−
for (i = 0; i < elems.length; i++) {
+
var amountScrolled = 300;
−
var span = document.createElement('span');
+
−
var link = document.createElement('a');
+
$(window).scroll(function() {
−
link.href = '#top';
+
if ($(window).scrollTop() > amountScrolled) {
−
link.appendChild(document.createTextNode('back to top'));
+
$('a.back-to-top').fadeIn('slow');
−
span.appendChild(document.createTextNode('['));
+
} else {
−
span.appendChild(link);
+
$('a.back-to-top').fadeOut('slow');
−
span.appendChild(document.createTextNode('] '));
 
−
elems[i].insertBefore(span, elems[i].firstChild);
 
 
}
 
}
 
});
 
});
−
 
+
−
<a href="#top" title="Наверх" class="topbutton">^Наверх</a>
+
$('a.back-to-top, a.simple-back-to-top').click(function() {
−
 
+
$('body').animate({
−
.topbutton {
+
scrollTop: 0
−
width:100px;
+
}, 'fast');
−
border:2px solid #ccc;
+
return false;
−
background:#f7f7f7;
+
});
−
text-align:center;
 
−
padding:10px;
 
−
position:fixed;
 
−
bottom:50px;
 
−
right:50px;
 
−
cursor:pointer;
 
−
color:#333;
 
−
font-family:verdana;
 
−
font-size:12px;
 
−
border-radius: 5px;
 
−
-moz-border-radius: 5px;
 
−
-webkit-border-radius: 5px;
 
−
-khtml-border-radius: 5px;
 
−
}
 

Версия 16:47, 16 ноября 2016

$('body').prepend('<a href="#" class="back-to-top">Back to Top</a>');
 
var amountScrolled = 300;
 
$(window).scroll(function() {
	if ($(window).scrollTop() > amountScrolled) {
		$('a.back-to-top').fadeIn('slow');
	} else {
		$('a.back-to-top').fadeOut('slow');
	}
});
 
$('a.back-to-top, a.simple-back-to-top').click(function() {
	$('body').animate({
		scrollTop: 0
	}, 'fast');
	return false;
});
Источник — «https://doc.abonent.plus/index.php?title=MediaWiki:Gadget-Gadget-BackToTop.js&oldid=5323»