У мене є бічна панель (ідентифікатор = "бічна панель"), налаштована з позицією = фіксована у верхньому правому куті.
Виникає питання, коли вікно виросло меншеніж бічна панель, я хочу, щоб бічна панель мала смугу прокрутки. В даний час у мене є функція, де я встановлюю max-height, викликається window.resize, а також в деяких інших місцях:
$("#sidebar").css("max-height", window.innerHeight - 15);
Це працює, і з'являється смужка прокрутки іпрацює як слід, коли я змінюю розмір вікна меншим, ніж бічна панель. Моє запитання: чи можливий шлях, де я міг би уникнути необхідності встановлювати max-height у кожній події зміни розміру, а замість того, щоб викликати щось раз під час налаштування і все-таки отримати однакову поведінку прокрутки?
Відповіді:
2 для відповіді № 1Для цього вам не потрібен JS. Використовуйте CSS:
#sidebar {max-height:calc(100vh - 15px)}