MOD "Наверх" на jQuery

Принцип работы как "В Контакте" кнопочка изначально скрыта и появляется при прокрутке вниз...

Vo
VoVZiK13
Откуда: Краснодар
Благодарил (а): 6 раз
Поблагодарили: 3 раза
Сообщения: 66
Зарегистрирован: 23 янв 2011, 17:52
Сообщение

MOD "Наверх" на jQuery

09 май 2011, 13:32

Название: MOD "Наверх" на jQuery
Описание: Принцип работы как "В Контакте" кнопочка изначально скрыта и появляется при прокрутке вниз, при нажатии происходит плавный скролинг вверх страницы. За основу взята стандартная кнопка которая присутствует в движке и размещается в конце каждого поста.
Версия: 0.1
Сложность установки: Легко
Время установки: ~5 мин.
Примечания: Установка мода описана для стиля prosilver и подойдёт для большинства стилей основанных на prosilver, на стиле subsilver2 не устанавливал.

Автор:
Username: VoVZiK!#
Email: vovzik13@mail.ru
Name: Владимир
WWW: http://ichiban-de.su

Файлы для редактирования:
\styles\prosilver\template\viewtopic_tracker_body.html
\styles\prosilver\template\viewtopic_body.html
\styles\prosilver\template\portal\block\ppkBB3cker_ltorrents.html
\styles\prosilver\template\overall_header.html
\styles\prosilver\theme\links.css
Открыть файл
\styles\prosilver\template\viewtopic_tracker_body.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
Открыть файл
\styles\prosilver\template\viewtopic_body.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
Открыть файл
\styles\prosilver\template\portal\block\ppkBB3cker_ltorrents.html

Найти и удалить

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
Открыть файл
\styles\prosilver\theme\links.css

Найти

Код: Выделить всё

.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}
Заменить на:

Код: Выделить всё

.back2top {
	position: fixed;
	bottom: 5px;
	margin-left: -15px;
	left: 100%;
	z-index: 10;
}
Открыть файл
\styles\prosilver\template\overall_header.html

Найти

Код: Выделить всё

<a name="start_here"></a>
Перед добавить

Код: Выделить всё

	<div class="back2top"><a href="#wrap" class="top"></a></div>
<script>
$(document).ready(function(){
 
	// спрятать .back2top в начале
	$(".back2top").hide();
 
	// показать .back2top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 300) {
				$('.back2top').fadeIn();
			} else {
				$('.back2top').fadeOut();
			}
		});
 
		// прокрутить плавно тело документа к 0px при нажатии
		$('.back2top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 1000);
			return false;
		});
	});
 
});
</script>
Сохранить все файлы в UTF-8 (Без BOM) и закрыть.
Адм. Раздел -> Стили -> Шаблоны -> Обновить -> Темы -> Обновить.

Также в живую можно посмотреть на моём сайте.
Россия, такая Россия.
t4
t4p2
Откуда: Okayma
Благодарил (а): 9 раз
Сообщения: 128
Зарегистрирован: 31 июл 2015, 20:34
Сообщение

Re: MOD "Наверх" на jQuery

17 авг 2015, 23:47

а для subsilver2 есть?

Вернуться в «Готовые моды для трекера»