Cześć misiaczki,
mam mały problemik i nie za bardzo umiem znaleźć rozwiązanie. Mam wyśrodkowany div o zmiennej wysokości (często tak, że trzeba przewijać stronę). W CSS prezentuje się to tak:
.page-login{
width: 100%;
height: 100%;
background: #F3F2F2;
position: relative;
}
.login-wrapper{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.login-form{
width: 340px;
padding: 60px;
background: #fff;
border-radius: 4px;
}
I do czasu, gdy wysokość diva z klasą login-form nie przekracza 100% wysokości strony jest ok. Jest ładnie wyśrodkowany, ale gdy już zacznie przekraczać i trzeba przewijać stronę to ten div jest ucinany. Cześć po prostu znika. Dobrze to tutaj widać: https://jsfiddle.net/we9L9h2r/2085/