Динамическая высота сайдбара + position sticky — как выкрутиться?

Question

[Александр Осадчий]

Здравствуйте!

Такой вопрос - у меня на странице есть плавающий сайдбар (его высота может меняться) - сейчас на небольших сайдбар невлазит в экран...пока не докрутишь до низу страницы - как сделать, что если высота сайдбара выше видимой области экрана - то position: relative?

Answer 1

[auddit]

Попробуйте использовать https://api.jquery.com/outerHeight/, чтобы сравнить высоту видимой части экрана (body) с высотой сайдбара, и если высота сайдбара больше - задайте position: relative.

Но при таком подходе, у вас на всех экранах, где сайдбар выше экрана, у вас будет прокручиваться сайдбар, что не очень удобно.
Я рекомендую добавить к сайдбару overflow-y: auto, это намного удобнее для пользователя.