Плавающая пагинация

oxeo

Проверенные
Сообщения
111
Реакции
22
Баллы
1,715
Привет!
На одном из форумов видел как пагинация просмотра многостраничной темы была сделана в виде плавающего блока «приклеенного» к нижней части окна. В десктопной версии так себе польза, а вот в мобильной - огонь. Короче, независимо от позиции скроллинга, юзер всегда видит строку пагинации и может сориентироваться где находится относительно других страниц темы. Было давно, сейчас не могу найти это форум.
Может кто знает, что это за плагин?
 
Если делать максимально просто, то применяете в extra.less что-то в этом духе:
Код:
.block--messages .block-outer {
    position: sticky;
    top: 50px;
    z-index: 400;
}
Если нужно только на маленьких экранах, то добавляете @media запрос
1605438988986.png
 
Нашел подобный форум, с приклеенной пагинацией (только двиг там VB).
В чем собственно проблема, раз нашли подобный форум? Открыли инспектор, просмотрели код элемента и сделали по подобию, задав соответствующие свойства для пагнавигации в extra.less

CSS:
.block-outer-main { 
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 99;
    background: white;
    width: 100%;
    height: 50px;
}


Все работает, хоть можно использовать и параметр sticky как предлагал Haim
Снимок экрана 2020-11-17 143119.png
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу