RPG TOP Forum

 | TOP | Новости | Навигация | Начало | Регистрация | Поиск | Статистика | FAQ |
Развитие RPG TOP Forum / Развитие /  
 

Предложение: кнопки вверх и вниз

 
Автор Kertes
Участник
#1 | Дата: 16 Мар 2018 04:08:49 
Топ не планирует обзавестись кнопками вверх-вниз? Вот действительно уже давно очень хочется. Что личные сообщения, где новые внизу, что профиль, что у хоть более-менее активных пользователей уже достаточно "высок", есть и иные моменты, но эти самые весомые. И это я еще на 80% масштабе сижу.
Да, есть кнопка колеса мыши, но, во-первых, это не так удобно, как кнопки, во-вторых, у некоторых (например, обладателей игровых мышек) она может быть настроена на иное либо не работать вообще.
В общем, как минимум фатарийская команда очень просит сие новшество.

Автор Uso
Участник
#2 | Дата: 16 Мар 2018 05:02:22 
Поддерживаем просьбу, тоже остро не хватает такого функционала.

Автор RPGTOP
Администратор
#3 | Дата: 16 Мар 2018 10:32:45 
Покажите простой код для этих кнопок — тогда установлю.

Автор Kertes
Участник
#4 | Дата: 16 Мар 2018 10:45:05 
Вот такой код распространен на mybb - файл, но не ведаю, подходит ли он для иных сайтов (не разбираюсь).

Автор Uso
Участник
#5 | Дата: 16 Мар 2018 17:39:04 
Отчего б ему не работать, он не привязан к конкретной платформе.
Примерно примерила на топ на стационаре - вполне отрабатывает.

От себя могу предложить такое оформление:
https://pp.userapi.com/c830609/v830609225/a3f2e/f_XEHhwgbck.jpg

<div class="go-up" id="ToTop" style="display: none;"></div>
<div class="go-down" id="OnBottom" style="display: block;"></div>

.go-up, .go-down {
display: none;
position: fixed;
right: 3%;
z-index: 9999;
cursor: pointer;
width: 1px;
height: 30px;
background: #634233;
}
.go-up::before {
left: 0px;
bottom: 0;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 30px solid #634233;
border-left: 15px solid transparent;
content: '';
position: absolute;
margin-left: -15px;
width: 0;
height: 0;
}
.go-up::after {
right: 0px;
bottom: 0;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-bottom: 30px solid #634233;
border-right: 15px solid transparent;
content: '';
position: absolute;
margin-right: -15px;
width: 0;
height: 0;
}
.go-up {
bottom: 315px;
}
.go-down::before {
left: 0px;
top: 0;
border-bottom: 0px solid transparent;
border-right: 0px solid transparent;
border-top: 30px solid #634233;
border-left: 15px solid transparent;
content: '';
position: absolute;
margin-left: -15px;
width: 0;
height: 0;
}
.go-down::after {
right: 0px;
top: 0;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
border-top: 30px solid #634233;
border-right: 15px solid transparent;
content: '';
position: absolute;
margin-right: -15px;
width: 0;
height: 0;
}
.go-down {
bottom: 270px;
}

Автор RPGTOP
Администратор
#6 | Дата: 16 Мар 2018 21:25:01 
Kertes:
Вот такой код распространен на mybb - файл, но не ведаю, подходит ли он для иных сайтов (не разбираюсь).

Нужен без всяких там JQuery.

Автор Uso
Участник
#7 | Дата: 16 Мар 2018 23:14:15 
RPGTOP:
JQuery

а чем он плох?

Автор Kertes
Участник
#8 | Дата: 17 Мар 2018 00:52:20 
Без jquery гуглится только кнопка вверх - например (вторая часть поста).
Но блин, если выбирать, то лучше кнопка вниз, ибо именно в ней имеется острая необходимость. Нельзя это как-то переделать под нее?

Еще нашел сие - оное сие, но не ведаю, это действительно без библиотеки, и рабочий ли вариант.

Автор RPGTOP
Администратор
#9 | Дата: 17 Мар 2018 20:21:07 
Uso:
а чем он плох?

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

Сам я встречал код плавной прокрутки страницы до указанного места (до <a name='name'></a>). Именно такой код и нужен. Остальное я и сам могу написать.
Подобные кнопки как реализуются? Запускается скрипт, который все время отслеживает на сколько прокручена страница. Из значения позиции показывает кнопку вверх и вниз. При нажатии на кнопку вверх или вниз происходит прокрутка страницы до верхней или нижней границы.
Лишь для данного алгоритма задействовать JQuery — неразумно (по мне так).

Автор Uso
Участник
#10 | Дата: 17 Мар 2018 21:16:13 
RPGTOP
http://dimox.name/animated-scrolling-to-top/
кнопка вверх, достаточно простой пример.

Автор RPGTOP
Администратор
#11 | Дата: 17 Мар 2018 23:45:03 
Хорошо. Напомните чуть попозже. Сейчас передо мной стоит внедрение навыков. Все усилия буду бросать в данном направлении.

Развитие RPG TOP Forum / Развитие /
 Предложение: кнопки вверх и вниз

Ваш ответ Нажмите эту иконку для возврата на цитируемое сообщение


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

 

 
RPG TOP Forum Поддержка: Online Community Software miniBB ®
  ⇑