Форма сайдпейджа выравнивается по правой стороне. Фоновый оверлей кликабелен, по клику сайдпейдж закрывается. Обязательный элемент сайдпейджа – крестик закрытия (можно не показывать, если форму нельзя закрыть).
Для сайдпейджа лучше использовать фиксированный набор ширины. Например, сайдпейдж размера S может быть шириной 480px, M = 720px, L = 960px и т.д. При необходимости можно включить возможность изменения ширины. Выбирать ширину нужно в зависимости от содержимого сайдпейджа. Высота зависит от содержимого, может быть очень длинной и прокручиваться.
Десктоп
Десктоп + скролл
Планшет
Сматрфон
Комбинации сайдпейджей
Сайдпейджи не вкладываются друг в друга. Если избежать появления нескольких сайдпейджей нельзя, то пусть они лучше накладываются друг на друга (вместе с оверлеем). При этом прокрутка (если она есть) работает только у самого верхнего сайдпейджа, у остальных она заблокирована.
