Theia Sticky Sidebar - эффект прилипание блоков

Javascript плагин без головной боли и расчетов организовывающий правильный sticky эффект

Пример html структуры:

<div class="wrapper">
  <div class="content">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
  <div class="sidebar">
    <div class="theiaStickySidebar">
    ...
    </div>
  </div>
</div>

Вставка скриптов на страницу:

<script type="text/jаvascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/jаvascript" src="dist/ResizeSensor.min.js"></script>
<script type="text/jаvascript" src="dist/theia-sticky-sidebar.min.js"></script>
<script type="text/jаvascript">
  jQuery(document).ready(function() {
    jQuery('.content, .sidebar').theiaStickySidebar({
      // Settings
      additionalMarginTop: 30
    });
  });
</script>

Ссылка на плагин:

• Theia Sticky Sidebar

Теги: Javascript

Автор статьи

Александр Тихий

Fullstack-разработчик · 1С-Битрикс

Разрабатываю и развиваю интернет-магазины и корпоративные порталы на 1С-Битрикс. Интеграции с 1С, highload-нагрузки, безопасность по 152-ФЗ.

Позвонить Написать Telegram Макс