Форма, зафиксированная в колонке на странице (fixed form)

Форма при скроллинге вниз всегда на виду. 

Как реализовать зафиксированную форму

Разметка HTML: 

<div class="row">
  <div class="col-12- col-lg-5">
	<div class="as-form" data-code="watch_bg" data-itemid="0"></div>
  </div>
  <div class="col-12- col-lg-7">
    <div class="as-table" data-code="watch_tableFooter"></div>
    <div class="as-table" data-code="watch_tableFooter"></div>
    <div class="as-table" data-code="watch_tableFooter"></div>
    <div class="as-table" data-code="watch_tableFooter"></div>
    <div class="as-table" data-code="watch_tableFooter"></div>
  </div>  
</div>   

Стили: 

  @media (min-width: 975px) {
    .as-form[data-code=watch_bg]{
      position:fixed;
    }
  }

Примечание: для малых экранов фиксация не нужна, поэтому используются media - правило работает только для экранов более 975 пикселей.

Другие модули

Редактирование одиночных полей формы в личном кабинете

Как добавить кнопку очистки формы

Как изменить фон формы на сайте

Сообщение-уведомление вместо показа формы (NoForm). Отображение сообщения о недоступности формы

Работа с буфером обмена в личном кабинете на сайте

Обновление компонентов на странице в личном кабинете (Refresh container). Обновленеи части страницы сайта

Гибкая разметка формы на сайте через кастом верстку

Выбор адреса и координат с подгрузкой из Google Maps API

Последние обновления

Виды таблицы: Календарь

Визуализация 24.10.2021

Виды таблицы: Диаграмма Chartbar

Визуализация 24.10.2021

Виды таблицы: Карточки

Визуализация 24.10.2021

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства