Правила конструирования боковых выезжающих окон. Их комбинации и порядок появления.

Форма сайдпейджа выравнивается по правой стороне. Фоновый оверлей кликабелен, по клику сайдпейдж закрывается. Обязательный элемент сайдпейджа – крестик закрытия (можно не показывать, если форму нельзя закрыть).

Для сайдпейджа лучше использовать фиксированный набор ширины. Например, сайдпейдж размера S может быть шириной 480px, M = 720px, L = 960px и т.д. При необходимости можно включить возможность изменения ширины. Выбирать ширину нужно в зависимости от содержимого сайдпейджа. Высота зависит от содержимого, может быть очень длинной и прокручиваться.

Десктоп

Сайдпейдж - Десктоп

Десктоп + скролл

Сайдпейдж - Десктоп - Скролл

Планшет

Сайдпейдж - Планшет

Сматрфон

Сайдпейдж - Сматрфон

Комбинации сайдпейджей

Сайдпейджи не вкладываются друг в друга. Если избежать появления нескольких сайдпейджей нельзя, то пусть они лучше накладываются друг на друга (вместе с оверлеем). При этом прокрутка (если она есть) работает только у самого верхнего сайдпейджа, у остальных она заблокирована.

Комбинации сайдпейджей