[dev] Scroll Up Down - кнопки верх вниз

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

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

Внимание! Не устанавливайте бета-версии расширений на работающие форумы!
Аватара пользователя
владимир1983
phpBB 3.1.9
Сообщения: 5954
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 391 раз
Поблагодарили: 728 раз
Контактная информация:

[dev] Scroll Up Down - кнопки верх вниз

Сообщение владимир1983 » 15.10.2015 11:56

Стрелки отображаются(появляются) в правом нижнем углу.
Положение вверху
Положение вверху
scrollupdown1.jpg (3.76 КБ) 1720 просмотров
В среднем
В среднем
scrollupdown2.jpg (7.19 КБ) 1720 просмотров
Внизу
Внизу
scrollupdown3.jpg (3.31 КБ) 1720 просмотров
Вложения
ScrollUpDown.zip
(10.64 КБ) 329 скачиваний
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)

Аватара пользователя
владимир1983
phpBB 3.1.9
Сообщения: 5954
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 391 раз
Поблагодарили: 728 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение владимир1983 » 15.10.2015 12:14

Без установки расширения
/styles/my-styles/template/overall_footer.html
Найти добавить перед

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

<div class="go-up" id='ToTop'>⇧</div>
<div class="go-down" id='OnBottom'>⇩</div>

<script>
$(function(){
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
   else $("#ToTop").fadeIn("slow")
 });

 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
   else $("#OnBottom").fadeIn("slow")
 });

 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
/styles/my-styles/theme/colours.css
Добавить

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

.go-up, .go-down {
 display: none;
 position: fixed;
 z-index: 9999; 
 right: 0%; 
 background: #4F4F4F;
 border: 1px solid #ccc;
 border-radius: 5px;
 cursor: pointer;
 color: #fff;
 text-align: center;
 font: normal normal 42px/42px sans-serif;
 text-shadow: 0 1px 2px #000;
 opacity: .5;
 padding: 3px;
 margin-bottom: 5px;
 width: 42px;
 height: 42px;
}
.go-up { bottom: 60px; }
.go-down { bottom: 10px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;
 box-shadow: 0 5px 0.5em -1px #666;
}
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)

Triniti
phpBB 2.0.1
Сообщения: 251
Зарегистрирован: 03.07.2013 15:36
Благодарил (а): 42 раза

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение Triniti » 16.10.2015 19:41

Спасибо, попробую, потом скажу, что получилось.

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

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение igorbond » 18.10.2015 23:13

отличное расширение, спасибо!
Изображение

Аватара пользователя
MAKOMI
phpBB 1.4.3
Сообщения: 80
Зарегистрирован: 12.06.2015 2:28
Благодарил (а): 21 раз
Поблагодарили: 3 раза

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение MAKOMI » 20.10.2015 14:15

А что и где надо править в расширении для отображения стрелок справа?

Отправлено спустя 1 минуту 54 секунды:
Все. Отбой нашел :D

Triniti
phpBB 2.0.1
Сообщения: 251
Зарегистрирован: 03.07.2013 15:36
Благодарил (а): 42 раза

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение Triniti » 20.10.2015 19:51

Владимир, установила стрелки, работает отлично.
Есть несколько нюансов, если сочтете нужным продолжать это.
Можно было бы стрелки сделать поменьше, поизящнее. Потому что на малых устройствах они великоваты. Не отображать их на Главной, вообще, отображать только на страницах тем. Хотя может быть у кого-то и активные темы приличная по длине страница... :)

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

Аватара пользователя
Лала
phpBB 1.4.3
Сообщения: 99
Зарегистрирован: 13.12.2015 13:00
Благодарил (а): 23 раза
Поблагодарили: 8 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение Лала » 22.12.2015 18:34

Доброго времени суток. Скажите пожалуйста, а можно ли заменить данные стрелки на картинку?
Изображение

Аватара пользователя
владимир1983
phpBB 3.1.9
Сообщения: 5954
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 391 раз
Поблагодарили: 728 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение владимир1983 » 22.12.2015 21:01

владимир1983 писал(а): <div class="go-up" id='ToTop'>⇧</div>
<div class="go-down" id='OnBottom'>⇩</div>
Попробуй так:

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

<div class="go-up" id='ToTop'><img src="URL to img" alt="Вверх"></div>
<div class="go-down" id='OnBottom'><img src="URL to img" alt="Вниз"></div>
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)

Аватара пользователя
Лала
phpBB 1.4.3
Сообщения: 99
Зарегистрирован: 13.12.2015 13:00
Благодарил (а): 23 раза
Поблагодарили: 8 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение Лала » 23.12.2015 15:17

владимир1983, спасибо, получилось поменять
Изображение

Аватара пользователя
hunter_ua
phpBB 1.2.0
Сообщения: 14
Зарегистрирован: 24.01.2012 15:05
Откуда: Черкассы, Украина
Благодарил (а): 5 раз
Поблагодарили: 1 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение hunter_ua » 13.04.2016 11:55

Всем привет!
владимир1983 писал(а): <div class="go-up" id='ToTop'>⇧</div>
<div class="go-down" id='OnBottom'>⇩</div>
Владимир возможно стоит использовать такой вариант:

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

<div class="go-up" id='ToTop'>&uArr;</div>
<div class="go-down" id='OnBottom'>&dArr;</div>

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

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение igorbond » 13.09.2016 18:57

А почему ссылка Домашняя страница: https://github.com/VSEphpbb/scrolltotop ведет как я понимаю на другое расширение?
Изображение

Аватара пользователя
Sumanai
phpBB 3.0.0 RC5
Сообщения: 1664
Зарегистрирован: 02.11.2014 13:57
Благодарил (а): 267 раз
Поблагодарили: 219 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение Sumanai » 13.09.2016 19:03

Как бы намекает, откуда вдохновлялся владимир1983 :mrgreen:

Аватара пользователя
владимир1983
phpBB 3.1.9
Сообщения: 5954
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 391 раз
Поблагодарили: 728 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение владимир1983 » 13.09.2016 19:05

Sumanai, в том эксте нет кнопки вниз. Работает вот так https://volnistye.ru/
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)

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

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение igorbond » 13.09.2016 19:11

Просто, проверял обновления расширений, и установил его повторно, только в качестве другого по ссылке. Мне кажется оно излишне и путает.
Изображение

Аватара пользователя
владимир1983
phpBB 3.1.9
Сообщения: 5954
Зарегистрирован: 27.04.2010 2:17
Откуда: Сергиев Посад
Благодарил (а): 391 раз
Поблагодарили: 728 раз
Контактная информация:

Re: [dev] Scroll Up Down - кнопки верх вниз

Сообщение владимир1983 » 13.09.2016 19:15

igorbond, от того расширения каркас файловый использовался, ну вот ссылка и осталась. Пусть будет, мож тот вариант кому глянется. Мне вон только вверх кнопка нужна.
За ваши деньги решу ваши проблемы. Стучи в ЛС.
Нет человека - нет проблемы. (c)

Ответить

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