Как сделать «Показать больше» на адаптивном сайте?

Есть адаптивный html сайт. Нужно сделать кнопку "Показать больше". Проблема в том, что при маленьких разрешениях нужно сократить количество блоков и добавить их в те, что покажутся при нажатии на кнопку. (При маленьких разрешениях также должно изменяться кол-во выпадающих блоков при нажатии)
  • Вопрос задан
  • 30833 просмотра
Пригласить эксперта
Ответы на вопрос 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
При нажатии на кнопку запускаете функцию. Внутри функции проверяйте, есть ли уже загруженные, но просто скрытые блоки, если есть — в первую очередь показываете их. А количество подгружаемых определяете в зависимости от ширины видимой части сайта.
Ответ написан
Комментировать
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Копайте в сторону этих функций:
.remove() - удаление
.append() - добавление
.eq() - порядковый номер
.nextAll() - все последующие.


А просчёт делать при ресайзе окна
$(window).resize(function(){
if (){
} else {
}
})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы