Как работает гиперскроллинг в мобильных интерфейсах?

Гиперскроллинг в мобильных интерфейсах может работать по-разному в зависимости от задачи. cmsmagazine.ru Вот некоторые подходы:

• Двунаправленный скролл. telegra.ph В большинстве случаев основное направление скролла — вертикальное. telegra.ph Это означает, что вся страница будет перемещаться по вертикальной оси при прокрутке пользователя. telegra.ph Второе направление — горизонтальное, оно используется отдельными разделами страницы, а не всей страницей. telegra.ph Так пользователям легко перейти из раздела в раздел, прокручивая по вертикали, а контент-тизеры в каждом разделе можно прокручивать по горизонтали, не прерывая просматриваемый контент. telegra.ph
• Горизонтальная прокрутка отдельных контентных блоков. cmsmagazine.ru Такой подход уместен, например, на новостных ресурсах, когда нужно, чтобы пользователь видел заголовки других разделов и при этом мог узнать больше информации по разделу, который его заинтересовал. cmsmagazine.ru
• Бесконечный скролл (infinite scroll). idbi.ru Контент превращается в единый поток, и по мере прокрутки страницы появляются новые блоки. idbi.ru Например, такой подход используется при просмотре контента из социальных сетей, когда поток должен быть бесконечным и человеку не обязательно понимать, где он находится. cmsmagazine.ru

При использовании бесконечного скролла важно обеспечить возможность навигации по приложению из того места контента, где находится пользователь, без необходимости прокрутки в начало. cmsmagazine.ru Это можно сделать за счёт фиксированной шапки с необходимой навигацией. cmsmagazine.ru