Участник:Serpent Vlad/topscroll.js
Перейти к навигации
Перейти к поиску
/**
* За основу взят скрипт отсюда
* Scrolling to top -- 23 November 2012
* Stolen from http://habrahabr.ru/post/146049/
*
* Установка: importScript('Участник:Serpent Vlad/topscroll.js');
*/
$('body').append("<div class='to-top' title='Наверх'>↑</div>"); // Создаем элемент на странице
$('body').append("<div class='to-down' title='Вниз'>↓</div>"); // Создаем элемент на странице
$(window).scroll( function() {
if ( $(this).scrollTop() > $(window).height() ) { // Если длина прокрутки страницы больше высоты экрана, то...
$('.to-top').fadeIn(); // Показать кнопку
} else { // Если нет, то...
$('.to-top').fadeOut(); // Скрыть кнопку
}
});
$(window).scroll( function() {
if ( $(this).scrollTop() > ($(window).height() ) ) { // Если длина прокрутки страницы больше высоты экрана, то...
$('.to-down').fadeIn(); // Показать кнопку
} else { // Если нет, то...
$('.to-down').fadeOut(); // Скрыть кнопку
}
});
$('.to-top').on('click', function() {
$('html, body').animate({scrollTop : 0}, 800); // По клику на кнопку прокручиваем страницу вверх
return false;
});
$(".to-down").click(function(){
$("html, body").animate({scrollTop:$(document).height()}, 800); // По клику на кнопку прокручиваем страницу вниз
return false;
});
mw.loader.using('mediawiki.util').then(function () {
mw.util.addCSS('.to-top { position: fixed; bottom: 0; left: 0; padding:.7em; font:25px PT Sans,Tahoma,Verdana,sans-serif; color:#4d7285; height: 30px; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; display:none; } .to-top:hover { -moz-opacity: 0.9; filter: alpha(opacity=90); opacity: 0.9; cursor: pointer; background: #f0f0f0; }');
mw.util.addCSS('.to-down { position: fixed; bottom: 0; left: 40px; padding:.7em; font:25px PT Sans,Tahoma,Verdana,sans-serif; color:#4d7285; height: 30px; -moz-opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; display:none; } .to-down:hover { -moz-opacity: 0.9; filter: alpha(opacity=90); opacity: 0.9; cursor: pointer; background: #f0f0f0; }');
});