Изменить верстку с position: sticky на что то лучше

242
06 декабря 2017, 22:36

На сайте info.nadv.ru есть прокручивающийся блок с position: sticky. Блок скролится под блоком с карточками (capabilities-container). Этот блок с карточками (Начинается от заголовка "Возможности") имеет position: absolute.

Проблема в том, что если количество карточек в абсолютном блоке меняется тоже, то высота блока меняется, а высота блока (capabilities-list), в котором скролится карта (capabilites-map) - нет.

Количество карточек в абсолютном блоке меняется в зависимости от положения бегунка "для жителей" "для бизнеса" (и срединная позиция еще, код есть в теле страницы).

Соответственно, если карточек мало, то появляется баг - слишком большой по высоте контейнер (capabilities-list {min-height: 4360px;}), высота которого не меняется никак, кроме как в ручную.

Нужно как-то переделать верстку, чтобы сохранить функционал скролящейся под блоком карты и в целом, оставить все на месте, но избавиться от position: absolute, чтобы высота блока .capabilities-list менялась в зависимости от кол-ва карточек в блоке "Возможности"? (capabilities-container).

Как это можно сделать? В проекте уже есть Jquery и Bootstrap, так что если есть решение с применением данных инструментов, то хорошо.

P.S или может как то JavaScript'ом менять высоту блока в зависимости от количества карточек в "Возможности"...

READ ALSO
Adminer autologin

Adminer autologin

Привет! У меня имеется docker контейнер с установленным на нём Adminer-ом (бд percona)Хотел спросить совета - есть ли какая-либо возможность отключить...

382
MySQL - максимальный размер поля id в Django

MySQL - максимальный размер поля id в Django

Использую БД MySQL для DjangoВозник вопрос - а какое максимальное значение может хранить в себе поле id, которое создается по стандарту при миграции...

239
Проблема обедающих философов

Проблема обедающих философов

На что влияет если я добавлю OrderBy(index => index) или нет, у листа с вилками?

262
C# Как заставить метод подождать выполнения таймера (тиканья)?

C# Как заставить метод подождать выполнения таймера (тиканья)?

Пишу простенькое приложение, застопорился на вот этом моменте, как заставить метод StartExercises подождать пока выполниться таймер ("протикает"...

270