css3 - Transition Expands the Page -


i have problem regarding css3's transitioning. seen in snippet of css file below, have made footer slide whenever toggled active (i using jquery).

whenever becomes active, pushes content of website upwards until finishes transition, @ point content slides down. looks page expands, should not happen because of position attribute. why happening?

thanks in advance help.

.footer {    height: 130px;    width: 100%;    position: absolute;    bottom: -130px;    background-color: #333;    transition: bottom 250ms ease-out;  }  .footer-active {    bottom: 0;  }

i found solution problem. seems whenever element moves, window automatically scroll element's position. fixed problem inserting overflow: hidden html's , body's css rule.


Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -