Как зафиксировать сайдбар в пределах каталога?

Question

[Pipop]

Как зафиксировать сайдбар https://codepen.io/GunAlv/pen/mdyxwxg в пределах каталога с учетом того, что и товаров в в нем может быть куда меньше? Мои попытки не увенчались успехом — не удается подобрать идеальные условия, при которых сам сайдбар не скачет вверх-вниз из-за смены класса с position fixed

Answer 1

[twolegs]

Если не заботит поддержка очень старых браузеров - то идеально будет использовать position: sticky;
https://codepen.io/two-legs/pen/povLwYP

Comments

[Pipop]

К сожалению, заботит

[twolegs]

Pipop, поддержка браузерами довольно неплохая: https://caniuse.com/#search=position%3A%20sticky
Для старых браузеров можно использовать fixed как fallback.