使用javascript调整内容大小时自动高度更改的动画

Oct*_*ian 2 html javascript jquery html5 css3

当我添加改变内容长度的东西时,我想控制容器的自动高度变化.现在,如果我对内容应用innerHTML更改,则相应地更改高度.我想对这个高度变化应用过渡.我怎样才能做到这一点?(我也可以使用jQuery)

ick*_*fay 12

在更改内容之前记录高度,更改内容,记录高度,将高度设置为前一个高度,并设置为后一个高度的动画.动画完成后,再次将高度设置为自动.您可以使用height和执行此操作animate.

在JSFiddle上试试吧.

  • @charliesneath:虽然在实践中浏览器现在通常是多线程的,但浏览器仍然在某些方面起作用,就好像它们是单线程的并且JavaScript阻止了UI.特别是,当JavaScript仍处于执行阶段时,页面将不会被重新呈现. (3认同)