Зафиксированная форма на странице сайта

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

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

Разметка 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

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

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

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

Платформа Falcon Space

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

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

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

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

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

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