Мы отображаем разбитую на страницы коллекцию плиток (фиксированной ширины и высоты) в контейнере переменной ширины. У нас есть верхний предел отображения только 15 плиток на странице из-за ресурсов сервера, необходимых для получения данных для каждой плитки.

пример

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

Одним из вариантов, который мы рассмотрели, было бы определение количества элементов на странице в зависимости от размера браузера (т. е. адаптивная нумерация страниц), но я предвижу две проблемы:

  1. Если вы находитесь не на первой странице и измените ширину браузера, элементы в начале или конце этой страницы могут исчезнуть на другой странице.

  2. В конце коллекции страниц все еще может быть место, если рассчитанное количество элементов на странице не делится на количество строк.

Любые идеи для достижения лучшего опыта в этой ситуации?

1
Kyle R 15 Май 2014 в 19:37
Итак, ваша проблема связана с дополнительным пространством сбоку для некоторых размеров браузера?
 – 
Franchesca
15 Май 2014 в 19:50

2 ответа

Вы можете сделать так, чтобы сетка увеличивала расстояние между элементами, чтобы вы всегда получали приятное визуальное расстояние. Что касается указания на наличие дополнительных предметов, есть несколько способов отобразить эту доступность.

Некоторые примеры. Символ дополнительного контента на пассивном дисплее

1
Community 13 Апр 2017 в 15:32

Что ж, кажется, вы рассмотрели здесь множество вариантов, возможно, вместо того, чтобы набор плиток различался только по ширине по горизонтали, вы также могли бы настроить его по вертикали. Это сделало бы так, что даже если бы кто-то сделал браузер очень узким или очень коротким, коллекция могла бы вместиться сама по себе без необходимости переносить изображения на следующую страницу. Интервал — это то, где возникает настоящая проблема, потому что вы хотите, чтобы он имел такой эффект, если они достигают конца изображений, чтобы как бы сигнализировать, что они находятся в конце. Вы можете воспользоваться предложением @slyminperator и увеличить расстояние между элементами в своей сетке, или вы можете установить фиксированное расстояние и заставить изображения перемещаться по интервалу, когда они адаптируются к браузеру, это сделает его поэтому независимо от того, на что вы можете рассчитывать, ваш интервал всегда будет постоянным.

0
Nick_M 16 Май 2014 в 18:21