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

Материал из doc.abonent.plus
Перейти к: навигация, поиск
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
−
addOnloadHook(function() {
+
// create the back to top button
−
var elems = document.getElementsByClassName('editsection');
+
$('body').prepend('<a href="#top" class="back-to-top">Back to Top</a>');
−
for (i = 0; i < elems.length; i++) {
+
 
−
var span = document.createElement('span');
+
var amountScrolled = 300;
−
var link = document.createElement('a');
+
 
−
link.href = '#top';
+
$(window).scroll(function() {
−
link.appendChild(document.createTextNode('back to top'));
+
if ( $(window).scrollTop() > amountScrolled ) {
−
span.appendChild(document.createTextNode('['));
+
$('a.back-to-top').fadeIn('slow');
−
span.appendChild(link);
+
} else {
−
span.appendChild(document.createTextNode('] '));
+
$('a.back-to-top').fadeOut('slow');
−
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() {
−
 
+
$('html, body').animate({
−
.topbutton {
+
scrollTop: 0
−
width:100px;
+
}, 700);
−
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:51, 16 ноября 2016

// create the back to top button
$('body').prepend('<a href="#top" 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() {
	$('html, body').animate({
		scrollTop: 0
	}, 700);
	return false;
});
Источник — «https://doc.abonent.plus/index.php?title=MediaWiki:Gadget-Gadget-BackToTop.js&oldid=5326»