Back2Top - кнопка вверх/назад, как вконтакте (page scrolling, прокрутка страницы)

Здесь авторы могут постить бета-версии своих расширений для phpBB. Внимание! Не устанавливайте бета-версии расширений на работающие форумы!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x/3.2.x | FAQ | Внимание! Прежде чем создать тему - прочти! | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).

Внимание! Не устанавливайте бета-версии расширений на работающие форумы!
Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Back2Top - кнопка вверх/назад, как вконтакте (page scrolling, прокрутка страницы)

Сообщение Alecto » 18.02.2015 12:21

Название: Back2Top

Описание: Кнопка ВВЕРХ/НАЗАД как вконтакте (скрипт не мой, нашел пример в интернет в открытом доступе и адаптировал):
- кнопка ВВЕРХ изначально скрыта и появляется при прокрутке страницы
- при возврате вверх запоминает текущее положение на странице
- при возврате вверх кнопка меняет назначение и работает как ВНИЗ, переход выполняется в позицию, указанную на предыдущем шаге
- перемотки выполняются плавно (200мс, по ссылке демо - скорость пермотки 10мс)
- по ширине кнопка автоматически занимает всю свободную часть слева, подстраиваясь под границы контента (#wrap). простой правкой кода, можно сделать, чтобы при малых разрешениях кнопка исчезала, но желательно увеличить отступы слева и справа для стиля
- кнопка занимает все пространство по вертикали
- затухание/проявление при наведении
- добавлен текст Наверх при соответствующих разрешениях (вниз - только стрелочка)
- текст обрезается при уменьшении размера кнопки

Расширение Back2Top сделано на базе расширения ExtendedControls, которое для многих является избыточным в оригинальном варианте.

Версия Расширения: 1.0.1

1.0.1
Добавлена проверка версий, изменены пути javascript, стили all
1.0.0
Версия рабочая, проверена на 3.1.3

GitHub репозиторий: https://github.com/Alecto/Back2Top
Загрузить расширение: https://github.com/Alecto/Back2Top/archive/master.zip

Демо: http://motobratva.com/index.php
Последний раз редактировалось Alecto 07.10.2015 11:22, всего редактировалось 2 раза.

invader
phpBB 2.0.0
Сообщения: 214
Зарегистрирован: 08.01.2014 12:55
Откуда: из Ленинграда
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение invader » 18.02.2015 13:42

Alecto
Что-то у тебя сайт чёрти как кажет с мобилки, поправить бы...
Вложения
Screenshot_2015-02-18-13-40-22.png

Аватара пользователя
apollion
phpBB 2.0.22
Сообщения: 1382
Зарегистрирован: 05.03.2014 20:13
Откуда: Юг Руси
Благодарил (а): 50 раз
Поблагодарили: 99 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение apollion » 18.02.2015 17:12

Сколько не искал, так и не нашел скрипта для 3.0.12 с исчезающей кнопкой. Как на ВК, лента.ру, супре. Все какое-то убогое.

Посмотрел ваш вариант под 3.1.х на сайте, и не увидел где эта кнопка.

Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Alecto » 18.02.2015 17:16

у меня на сайте данная кнопка скрывается вместе со всеми элементами боковых кнопок и меню при разрешении примерно 1024 и ниже. если вы не видите меню, соц. кнопки и тд по бокам и вверху, это значит что у вас слишком низкое разрешение экрана, можно попробовать сделать масштаб <100%.
возможно,
Alecto писал(а):- кнопка ВВЕРХ изначально скрыта и появляется при прокрутке страницы

invader
phpBB 2.0.0
Сообщения: 214
Зарегистрирован: 08.01.2014 12:55
Откуда: из Ленинграда
Благодарил (а): 82 раза
Поблагодарили: 15 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение invader » 18.02.2015 17:18

Alecto писал(а):какое отношение ваши посты имеют к данной теме?
Вобще никакого ! Я лишь хотел помочь, вдруг ты вносил правку и не заметил, что отображение съехало...
А дальше уж ты сам развёл... Про смарты не начинай я игрушками не пользуюсь...

Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Alecto » 18.02.2015 17:21

invader писал(а):Я лишь хотел помочь, вдруг ты вносил правку и не заметил, что отображение съехало
Alecto писал(а):3 - поправил.
ты помог, спасибо, действительно не заметил по тому, что...
Alecto писал(а):2 - принципиально, разрешения ниже 720px не поддерживаю
Изображение
сделан с экрана HD 1280 x 720, верхний баннер 600px, нижний 700px.
Последний раз редактировалось Alecto 19.02.2015 12:02, всего редактировалось 1 раз.

Аватара пользователя
rxu
phpBB Guru
phpBB Guru
Сообщения: 14537
Зарегистрирован: 12.05.2006 18:16
Откуда: Красноярск
Благодарил (а): 348 раз
Поблагодарили: 1556 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение rxu » 18.02.2015 17:40

Alecto писал(а):модераторов прошу принять меры к флудерам.
Alecto писал(а):пользуйтесь нормальными смартфонами ))))
Кхм... а кто начал-то флуд?
Успокоитесь - почистим ветку.
В тему - на ленте.ру понравился джампер.
Изображение

Аватара пользователя
apollion
phpBB 2.0.22
Сообщения: 1382
Зарегистрирован: 05.03.2014 20:13
Откуда: Юг Руси
Благодарил (а): 50 раз
Поблагодарили: 99 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение apollion » 18.02.2015 17:44

Alecto писал(а):у меня на сайте данная кнопка скрывается вместе со всеми элементами боковых кнопок и меню
Нашел только сбоку кнопку вниз под иконками: "Портал" и "Список форумов". Это оно?

Разрешение моего монитора: 1680х1050

Небольшой оффтоп.
Если кто подскажет мне скрипт исчезающей полупрозрачной кнопки с плавным скроллом, буду очень благодарен. Чтобы можно его было залить на сервер и картинку тоже, а потом вставить в хидер или футер. Например, как тут cy-pr.com/forum/topic/new/

Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Alecto » 18.02.2015 17:51

apollion
Alecto писал(а):- кнопка ВВЕРХ изначально скрыта и появляется при прокрутке страницы
Alecto писал(а):- по ширине кнопка автоматически занимает всю свободную часть слева, подстраиваясь под границы контента

Изображение

Аватара пользователя
apollion
phpBB 2.0.22
Сообщения: 1382
Зарегистрирован: 05.03.2014 20:13
Откуда: Юг Руси
Благодарил (а): 50 раз
Поблагодарили: 99 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение apollion » 18.02.2015 18:01

Теперь увидел. Неплохо выглядит. Имхо, немного маловата картинка стрелки, и надпись "Наверх" можно убрать.

Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Alecto » 18.02.2015 18:04

rxu писал(а):на ленте.ру понравился джампер.
это дело вкуса.
на 2-х сайтах установлены такие, но они как по мне - очень не удобны, считайте - привык к вконтакте.
apollion писал(а):Имхо, немного маловата картинка стрелки
в CSS очень легко можно сделать твою хотелку.

Аватара пользователя
igorbond
phpBB 3.0.7-PL1
Сообщения: 2483
Зарегистрирован: 09.01.2012 3:34
Благодарил (а): 574 раза
Поблагодарили: 114 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение igorbond » 06.03.2015 19:05

не не стандартном стиле такая беда

Изображение

закрывает полэкрана
Изображение

Аватара пользователя
Anvar
Former team member
Сообщения: 1962
Зарегистрирован: 26.03.2010 9:09
Благодарил (а): 67 раз
Поблагодарили: 784 раза

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Anvar » 06.03.2015 20:20

Создавайте шаблоны в расширениях под ваш не стандартный стиль.

Аватара пользователя
igorbond
phpBB 3.0.7-PL1
Сообщения: 2483
Зарегистрирован: 09.01.2012 3:34
Благодарил (а): 574 раза
Поблагодарили: 114 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение igorbond » 06.03.2015 20:48

Простого изменения стиль под all не достаточно?
Изображение

Аватара пользователя
Alecto
phpBB 3.0.11
Сообщения: 2840
Зарегистрирован: 25.12.2009 0:27
Откуда: Украина! Харьков
Благодарил (а): 69 раз
Поблагодарили: 286 раз

Re: Back2Top - кнопка вверх/назад, как вконтакте

Сообщение Alecto » 06.03.2015 21:04

Достаточно, но под свой стиль нужны правки цсс.

Вернуться в «Бета-версии расширений для phpBB»