MediaWiki:Gadget-Gadget-BackToTop.js — различия между версиями
Материал из doc.abonent.plus
(Новая страница: «$('body').prepend('<a href="#" class="back-to-top">Back to Top</a>'); var amountScrolled = 300; $(window).scroll(function() { if ($(window).scrollTop() > amoun…») |
|||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
| − | $('body').prepend('<a href="#" class="back-to-top">Back to Top</a>'); | + | // create the back to top button |
| + | $('body').prepend('<a href="#top" class="back-to-top">Back to Top</a>'); | ||
var amountScrolled = 300; | var amountScrolled = 300; | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
| − | if ($(window).scrollTop() > amountScrolled) { | + | if ( $(window).scrollTop() > amountScrolled ) { |
$('a.back-to-top').fadeIn('slow'); | $('a.back-to-top').fadeIn('slow'); | ||
} else { | } else { | ||
| Строка 12: | Строка 13: | ||
$('a.back-to-top, a.simple-back-to-top').click(function() { | $('a.back-to-top, a.simple-back-to-top').click(function() { | ||
| − | $('body').animate({ | + | $('html, body').animate({ |
scrollTop: 0 | scrollTop: 0 | ||
| − | }, | + | }, 700); |
return false; | return false; | ||
}); | }); | ||
Текущая версия на 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;
});