/ / Czy możliwe jest ustawienie maksymalnej wysokości elementu z ustaloną pozycją tylko raz? - javascript, html, css, pasek przewijania

Możliwe ustawienie wysokości maksymalnej na elemencie z pozycją ustaloną tylko raz? - javascript, html, css, scrollbar

Mam pasek boczny (id = „pasek boczny”) z pozycją = ustaloną w prawym górnym rogu.

Problem polega na tym, że wysokość okna jest mniejszaniż pasek boczny, chcę, aby pasek boczny miał pasek przewijania. Obecnie mam funkcję, w której ustawiam maksymalną wysokość, wywoływaną przez window.resize, a także w niektórych innych miejscach:

$("#sidebar").css("max-height", window.innerHeight - 15);

To działa, pojawia się pasek przewijania idziała tak, jak powinno, gdy zmieniam rozmiar okna mniejszego niż pasek boczny. Moje pytanie brzmi: czy jest jakiś sposób, w jaki mógłbym uniknąć konieczności ustawiania maksymalnej wysokości dla każdego zdarzenia zmiany rozmiaru i zamiast tego wywoływać coś podczas instalacji i nadal zachowywać to samo przewijanie?

Odpowiedzi:

2 dla odpowiedzi № 1

Nie potrzebujesz do tego JS. Użyj CSS:

#sidebar {max-height:calc(100vh - 15px)}