U-Me-Chan / pissychan-front

SSR Frontend for Pissykaka imageboard engine (https://github.com/U-Me-Chan/pissykaka)
Do What The F*ck You Want To Public License
1 stars 2 forks source link

Добавить кнопки "вниз" и "наверх" #26

Closed Oxore closed 2 years ago

Oxore commented 2 years ago

Это будет первая функциональность с JS в браузере. Для быстрого листания нужно сделать внизу каждого треда и доски кнопку "наверх", проматывающую страницу до самого начала. Аналогично наверху сделать кнопку "вниз", проматывающую страницу до самого конца вниз. Кнопки выполнить в виде текста с гиперссылкой на #.

Задача в некоторой степени исследовательская, так как может оказаться, что в тредах, которые содержат много изображений, страница будет расти в длине по мере загрузки изображений и кнопка проматывания "вниз" будет неэффективна, пока все изображения не загрузятся, тогда придётся сделать её плавающей, то есть всегда отображать, независимо от того в каком положении находится прокрутка экрана.

Oxore commented 2 years ago

Сделал внизу кнопку "Наверх", которая работает даже без JS (тупо href='#').

Сделал наверху кнопку "Вниз", которая показывается только когда включен JS, в том числе учтены консольные браузеры - в них они тоже не показывается.

Сделал плавающую кнопку "Вниз", которая показывается только если относительно быстро скроллить большие страницы. Скрывается по таймауту или когда расстояние от начала и от конца страницы меньше, чем полэкрана. Не будет работать без JS. Можно отключить эту плавающую кнопку как часть функциональности в настройках сайта.

Oxore commented 2 years ago

Неделю живём без существенных нареканий, так что закрываю как протестированное.

Oxore commented 2 years ago

Наверно не стоит убирать in-testing после закрытия. Во-первых лениво, во вторых будет понятно, что это хоть как-то тестировалось.