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

[Alecto]

Название: 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

[invader]

Alecto
Что-то у тебя сайт чёрти как кажет с мобилки, поправить бы...

[apollion]

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

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

[Alecto]

у меня на сайте данная кнопка скрывается вместе со всеми элементами боковых кнопок и меню при разрешении примерно 1024 и ниже. если вы не видите меню, соц. кнопки и тд по бокам и вверху, это значит что у вас слишком низкое разрешение экрана, можно попробовать сделать масштаб <100%.
возможно,

- кнопка ВВЕРХ изначально скрыта и появляется при прокрутке страницы

[invader]

какое отношение ваши посты имеют к данной теме?

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

[Alecto]

Я лишь хотел помочь, вдруг ты вносил правку и не заметил, что отображение съехало

3 - поправил.

ты помог, спасибо, действительно не заметил по тому, что...

2 - принципиально, разрешения ниже 720px не поддерживаю

сделан с экрана HD 1280 x 720, верхний баннер 600px, нижний 700px.

[rxu]

модераторов прошу принять меры к флудерам.

пользуйтесь нормальными смартфонами ))))

Кхм... а кто начал-то флуд?
Успокоитесь - почистим ветку.
В тему - на ленте.ру понравился джампер.

[apollion]

у меня на сайте данная кнопка скрывается вместе со всеми элементами боковых кнопок и меню

Нашел только сбоку кнопку вниз под иконками: "Портал" и "Список форумов". Это оно?

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

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

[Alecto]

apollion

- кнопка ВВЕРХ изначально скрыта и появляется при прокрутке страницы

- по ширине кнопка автоматически занимает всю свободную часть слева, подстраиваясь под границы контента

[apollion]

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

[Alecto]

на ленте.ру понравился джампер.

это дело вкуса.
на 2-х сайтах установлены такие, но они как по мне - очень не удобны, считайте - привык к вконтакте.

Имхо, немного маловата картинка стрелки

в CSS очень легко можно сделать твою хотелку.

[southklad]

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



закрывает полэкрана

[Anvar]

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

[southklad]

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

[Alecto]

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