仅使用CSS将dynamic DIV定位到屏幕外，然后使用动画向下滑动

我们有一个DIV，它垂直居中于其父对象，在不同的时间显示不同的文本，这意味着它的高度不是固定的

是否可以只使用CSS将该DIV定位在屏幕上方，然后用动画将其向下滑动

我们尝试了

translateY

和

webkit transform

的各种组合，但都失败了，因为

translateY

在使用百分比时基于元素的高度，而不是父元素的高度。使用像素不起作用，因为DIV的高度不同

JavaScript解决方案显然是可能的，但有没有办法只使用CSS来实现这一点？

无法100%确定这是否是您的意思，但您可以使用top:-1000px将div移出屏幕，然后更改悬停时的top:值（或单击或诸如此类）。动画部分在div css设置中定义，并在其中一个设置更改时运行