Плавная прокрутка 2(стрелка вверх)

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Введение

В одной из тем данного раздела я рассматривал уже плавную прокрутку вниз и вверх. Сегодня хочу поделиться новым найденным скриптом для этого дела. Он малость отличается от рассмотренного ранее тем, что у него отсутствует стрелка вниз. Работает он следущим образом - когда пользователь находится вверху страницы форума, то стрелка скрыта, но стоит ему немного прокрутить страницу вниз, как плавно появляется стрелочка, в правом нижнем углу монитора, при нажатии на которую, страница плавно прокручивается до самого верха. Впринципе потестировать данный скрипт вы можете и на нашем форуме.
Установка

Установка так же проще некуда, скачиваем архив и распаковываем единственный скрипт в корень форума, а так же находим красивую стрелочку, называем ее arrow_up.png и так же ложим в корень форума.
scrolltopcontrol.rar
Скрипт плавной прокрутки для форума phpbb3
(1.68 КБ) 291 скачивание
После открываем файл /styles/ваш стиль/template/overall_header.html и находим следущий код(инструкция будет доступна тем, кто набрал 10 сообщений на нашем Форуме) Добавляем перед

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>
После всех правок не забываем чистить кеш в админке и радоваться результатам :?
Для phpBB 3.1 / Ascraeus данный скрипт сконвертирован в расширение, скачать можно
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
mixail
Свой на все 100
Свой на все 100
Сообщения: 693
Стаж: 9 лет 10 месяцев
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение mixail »

А старую удалять надо.... :x
#2
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Разумеется, там и удалять то нечего :smile:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#3
rusmiass
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 9 лет 7 месяцев
Откуда: Челябинская область
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение rusmiass »

Можно еще картинку arrow_up.png и scrolltopcontrol.js вложить в папку, например назовем ее scroll
Далее редактируем файл scrolltopcontrol.js
Строка 12

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

controlHTML: '<img src="scroll/arrow_up.png" style="width:38px; height:38px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
т.е. добавили scroll/
и...
Строка 59

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

.attr({title:'Прокрутка Вверх'})
Пишите что хотите вместо Scroll Back to Top ! Лучше на русском языке !
И последнее, то что мы добавили в overal_header.html

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>
Так же не забываем перед scrolltopcontrol.js" добавить scroll/

Вот и все ! Графическую кнопку, подберите к своему сайту. Просто не люблю я захламлять корень сайта ! А так можно и куда подальше закинуть, на Ваше усмотрение
#4
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Пасиба за еще одну инструкцию, я у себя так же делаю обычно - скрипты в одну папку, картинки в другую :co_ol:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#5
rusmiass
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 62
Стаж: 9 лет 7 месяцев
Откуда: Челябинская область
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение rusmiass »

А Вам спасибо за идею и за скрипт !
#6
Аватара пользователя
Roman
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 9 лет 4 месяца
Откуда: Киев
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение Roman »

Не знаю какая была первая плавная прокрутка (так как её уже на форуме нет), но эта мне нравится. Буду корячиться (то есть устанавливать).
Проще простого некоторым, а мне труднее сложного. Читаю твои пояснения ПО БУКВАМ.
#7
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Ну насчет этой прокрутки - то легче некуда, пара строк в один файл и все работает
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#8
kiev
Заглянул на огонек
Заглянул на огонек
Сообщения: 29
Стаж: 9 лет 3 месяца

Плавная прокрутка 2(стрелка вверх)

Сообщение kiev »

Всем привет, теперь что флудить надо, что бы посмотреть тему(
#9
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Не в обиду сказано - на готовенькое все горазды налететь, а народ надо расшевеливать как то, чтобы и другие прочитав, поняли что это не трудно, потом начнете задавать свои вопросы и получать ответы, народ нынче скромный пошел, взял что надо и ушел, а мне интересно их мнение по поводу скриптов и модификаций, поэтому и скрыты некоторые ключевые моменты дабы раскрепостить новичков
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#10
estray
Заглянул на огонек
Заглянул на огонек
Сообщения: 14
Стаж: 9 лет 2 месяца

Плавная прокрутка 2(стрелка вверх)

Сообщение estray »

мне вот интересно, а можешь сделать этот скрипт чтоб такая же стрелочка была рядом с этой ну и конечно со стрелкой вниз, которая бы проматывала не доконца вниз, а самый лучший вариант к форме ответа) для тех у кого стоит конечно быстрый ответ))))
#11
estray
Заглянул на огонек
Заглянул на огонек
Сообщения: 14
Стаж: 9 лет 2 месяца

Плавная прокрутка 2(стрелка вверх)

Сообщение estray »

офф топик
я выиграл мани в лотерею, чё сними делать???
#12
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

estray писал(а):а можешь сделать этот скрипт чтоб такая же стрелочка была рядом с этой ну и конечно со стрелкой вниз,
Вот есть скрипт - http://hello-vitebsk.ru/viewtopic.php?f=144&t=606 -- но это нельзя так настроить чтобы он докручивал до БО, нужно якоря делать, с этим долго придется разбираться
estray писал(а):я выиграл мани в лотерею, чё сними делать???
Ну это как бы развлекающая составляющая форума, можно в магазине какую нибудь штуку купить, либо в покер поиграть
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#13
Аватара пользователя
jasiuk
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 161
Стаж: 8 лет 11 месяцев
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение jasiuk »

Спасибо за дополнение к форуму, давно думал прикрутить стрелку.
#14
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Всегда пожалуйста, рад, что не только мне пригодился этот скрипт))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#15
ashat
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 66
Стаж: 8 лет 11 месяцев

Плавная прокрутка 2(стрелка вверх)

Сообщение ashat »

тоже взял ))) пасибо
#16
Аватара пользователя
Лена
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 966
Стаж: 9 лет
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение Лена »

И у меня получилось. Спасибо :ki_ss:
#17
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Рад за вас, молодцы))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#18
Аватара пользователя
Alexander
Свой на все 100
Свой на все 100
Сообщения: 484
Стаж: 9 лет
Откуда: Россия
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение Alexander »

А как изменить координаты расположения стрелки? А то на просильвере неудачно получается, так как стрелка лежит на границе "сообщение" - "белый фон".

Upd: Уже нашел. В файле scrolltopcontrol.js параметры:

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

controlattrs: {offsetx:5, offsety:5}
Последний раз редактировалось Alexander 15 ноя 2012, 19:50, всего редактировалось 1 раз.
#19
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16749
Стаж: 10 лет 7 месяцев
Откуда: Витебск
Контактная информация:

Плавная прокрутка 2(стрелка вверх)

Сообщение DeaDRoMeO »

Пасиба, пригодится))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#20
Ответить