css3 transform变换后，原来的位置还占据空间

Question

1.之前使用scrolltop改变页面的定位元素，但是发现在低端的安卓手机卡顿。raf和GPU都无解。

2.之后选择使用transform:translateY()来进行变换位置，但是会导致元素位置还会占据，并且是空白的，有什么解决方法不展现空白元素吗。并且用了translateY之后，有部分元素被变换出去了，完全看不见了。。

Answer 1

那是因为 transform并没有让元素脱离标准流;解决方法:可以考虑在写了transform属性后,结合position:absolute脱标

Answer 2

transform不会脱离文档流，也不改变文档流的大小和位置