如何正确地对元素进行垂直动画

时间:2016-11-07 18:58:56

标签: css

我从页面底部有一堆元素进入页面加载视图。所以看起来他们从下面飞来,在他们适当的地方安顿下来。现在我正在做的就是这样,有一个像Row这样的所有元素的基类,我在其中设置了转换all和position到relative。然后我有另一组课程开始和休息。在开始我只是设置一些顶部像1000px的位置,因此它超出窗口界限,然后在Resting我将它设置为0px并在javascript中逐个切换类。然而,如果用户有一个4k显示器或它会出现的东西,这看起来非常倒退,而且随着元素向上移动,滚动条也会缩小。有更优雅的方式吗?

PS。我知道我提到的每个问题都有一个解决办法,比如也许可以设置透明度动画,因此它在任何监视器上都不可见,或者将位置设置为绝对位置并保留页面上的空间,因此滚动条不会出现问题。不要发疯,但是我不是在寻找这样的黑客(除非没有别的办法)。那么最直接和优雅的设计是什么?

0 个答案:

没有答案