próbuję z następującym stylu:Jak określić max-height właściwość css Przekątna
.scrollDiv {
height:auto;
max-height:100%;
overflow:auto;
}
Moje wymogiem jest:
max-height z div jest równa wysokości ekranuPasek przewijania pojawia się tylko wtedy, gdy treść to overflown.
Jeśli max-height twojego wewnętrznego div jest równe wysokości jego kontenera, pasek przewijania nigdy się nie pojawi. jeśli chcesz zobaczyć pasek przewijania, użyj tego.
.scrollDiv {
height:auto;
max-height:150%;
overflow:auto;
}
Nie jestem pewien, czy ta odpowiedź jest istotna, ale chciałem zwrócić uwagę, że łatwo jest przewinąć pasek przewijania widoczne, nawet jeśli nic nie przepływa. przepełnienie: przewiń; – codefactor
Nie chodzi mi o to, że jeśli chce, aby zawartość paska przewijania została "nadpisana", zawartość w jego przypadku nigdy się nie przepełni i jaki jest sens paska przewijania, jeśli zawartość nie jest nadpisana? –
Można użyć $(window).height() ustawić max-height do wysokości ekranu:
$('.scrollDiv').css('max-height', $(window).height());
jednostek Zastosowanie CSS rzutni dla tego produktu.
Przykład:
.scrollDiv {
max-height: 100vh;
overflow: auto;
}
Więcej informacji: https://www.w3schools.com/cssref/css_units.asp
Ciekawi, jak to zakwalifikować. –
To jest ten, który pracował dla mnie. Musiałem ustawić maksymalną wysokość 77vh dla mojej sprawy. – naveed
Właściwie Używam tego div w oknie popup. –
Sprawdź moją odpowiedź Sprawdź, czy rozumiesz, co próbuję powiedzieć. –
Dlaczego nie użyć paska przewijania, który normalnie pojawi się w oknie? – codefactor