Користувач:Aced/topscroll.js
Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.
- Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
- Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
- Internet Explorer / Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5
- Opera: натисніть Ctrl-F5
/*
Source: [[ru:Участник:Saint Johann/topscroll.js]]
*/
$('body').append("<div class='to-top' title='Наверх'>↑</div>"); // Створюємо елемент на сторінці
$(window).scroll( function() {
if ( $(this).scrollTop() > $(window).height() ) { // Якщо довжина прокрутки сторінки більша за висоту екрану, то...
$('.to-top').fadeIn(); // Показати кнопку
} else { // Якщо ні, то...
$('.to-top').fadeOut(); // Приховати кнопку
}
});
$('.to-top').on('click', function() {
$('html, body').animate({scrollTop : 0}, 800); //
return false;
});
mw.util.addCSS('.to-top { position: fixed; top: 0; bottom: 0; left: 0; padding:.7em; font:20px PT Sans,Tahoma,Verdana,sans-serif; color:#4d7285; height:100%; -moz-opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; display:none; } .to-top:hover { -moz-opacity: 0.9; filter: alpha(opacity=90); opacity: 0.9; cursor: pointer; background: #f0f0f0; }');