Внимание!
Не все расширения для phpBB 3.2 совместимы с phpBB 3.3, главным образом из-за неверного синтаксиса в определениях сервисов (отсутствия обрамляющих кавычек - '...').
Перед обновлением необходимо убедиться в совместимости всех расширений.
Рекомендуется предварительно тестировать обновление на копии конференции (локально или на сервере).

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

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

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

Внимание! Не устанавливайте бета-версии расширений на работающие форумы!
Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 10 лет
Откуда: Сергиев Посад
Благодарил (а): 390 раз
Поблагодарили: 731 раз

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

Сообщение владимир1983 »

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

Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 10 лет
Откуда: Сергиев Посад
Благодарил (а): 390 раз
Поблагодарили: 731 раз

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

Сообщение владимир1983 »

Без установки расширения
/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
Стаж: 6 лет 10 месяцев
Благодарил (а): 42 раза

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

Сообщение Triniti »

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

Аватара пользователя
igorbond
phpBB 3.0.9
Сообщения: 2661
Стаж: 8 лет 4 месяца
Благодарил (а): 620 раз
Поблагодарили: 124 раза

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

Сообщение igorbond »

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

Аватара пользователя
MAKOMI
phpBB 1.4.3
Сообщения: 80
Стаж: 4 года 11 месяцев
Благодарил (а): 21 раз
Поблагодарили: 3 раза

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

Сообщение MAKOMI »

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

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

Triniti
phpBB 2.0.1
Сообщения: 251
Стаж: 6 лет 10 месяцев
Благодарил (а): 42 раза

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

Сообщение Triniti »

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

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

Аватара пользователя
Лала
phpBB 1.4.3
Сообщения: 99
Стаж: 4 года 5 месяцев
Благодарил (а): 23 раза
Поблагодарили: 7 раз

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

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

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

Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 10 лет
Откуда: Сергиев Посад
Благодарил (а): 390 раз
Поблагодарили: 731 раз

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

Сообщение владимир1983 »

владимир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
Стаж: 4 года 5 месяцев
Благодарил (а): 23 раза
Поблагодарили: 7 раз

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

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

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

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

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

Сообщение hunter_ua »

Всем привет!
владимир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.9
Сообщения: 2661
Стаж: 8 лет 4 месяца
Благодарил (а): 620 раз
Поблагодарили: 124 раза

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

Сообщение igorbond »

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

Аватара пользователя
Sumanai
phpBB 3.0.0 RC5
Сообщения: 1665
Стаж: 5 лет 6 месяцев
Благодарил (а): 267 раз
Поблагодарили: 219 раз

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

Сообщение Sumanai »

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

Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 10 лет
Откуда: Сергиев Посад
Благодарил (а): 390 раз
Поблагодарили: 731 раз

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

Сообщение владимир1983 »

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

Аватара пользователя
igorbond
phpBB 3.0.9
Сообщения: 2661
Стаж: 8 лет 4 месяца
Благодарил (а): 620 раз
Поблагодарили: 124 раза

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

Сообщение igorbond »

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

Аватара пользователя
владимир1983
phpBB 3.2.6
Сообщения: 5954
Стаж: 10 лет
Откуда: Сергиев Посад
Благодарил (а): 390 раз
Поблагодарили: 731 раз

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

Сообщение владимир1983 »

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

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