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

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

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

5f51d9d63f730094909630.jpeg
  • Вопрос задан
  • 23 просмотра
Пригласить эксперта
Ответы на вопрос 1
@auddit
Попробуйте использовать https://api.jquery.com/outerHeight/, чтобы сравнить высоту видимой части экрана (body) с высотой сайдбара, и если высота сайдбара больше - задайте position: relative.

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы