MediaWiki:Gadget-Gadget-BackToTop.js — различия между версиями
Материал из doc.abonent.plus
| Строка 1: | Строка 1: | ||
| + | <script type="text/javascript"> | ||
| + | // create the back to top button | ||
$('body').prepend('<a href="#" class="back-to-top">Back to Top</a>'); | $('body').prepend('<a href="#" 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 { | ||
| Строка 10: | Строка 12: | ||
} | } | ||
}); | }); | ||
| − | + | ||
$('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; | ||
}); | }); | ||
| + | </script> | ||
Версия 16:48, 16 ноября 2016
<script type="text/javascript">
// create the back to top button
$('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() {
$('html, body').animate({
scrollTop: 0
}, 700);
return false;
});
</script>