При работе над адаптивом сайта нам постоянно приходится изменять внешний вид объекта. В некоторых случаях нам необходимо изменить порядок элементов, когда при определенном разрешении экрана некоторый блок должен находиться в другом месте структуры. Особенно часто это нужно при адаптации шапки сайта, когда необходимо перенести блок с контактами в меню-бургеры.
Функционал динамического адаптива перемещает требуемый блок (на определенном расширении экрана) в другой блок. Перемещение отображается в разметке HTML.
Подключение функционала
[JS] В файле js/app.js раскомментировать строку import “./libs/dynamic_adapt.js”
Использование функционала
[HTML] К блоку, который нужно переместить, добавляем атрибут data-da со значениями атрибута указанными ниже:
Расположение и дополнительные данные
Функционал находится в js/libs/dynamic_adapt.js . Название функции DynamicAdapt(type) .
Модуль имеет ограничение, например, если опрокидывать несколько объектов одновременно в один и тот же блок, может возникнуть неразбериха с порядком блоков.