使用变换转换为移动元素

Question

我有一个位于容器正中心的按钮：

.menu-heading{

  transition: top $speed;
  cursor: pointer;
  display: block;
position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

当父级获得is-expanded类时，按钮移动到页面的左上角：

.is-expanded &{
    top:0;
    left: 0;
    transform: scale(.5);
    cursor: default;
    z-index: 9999;

  }

现在我可以使用transform translate属性重新创建此行为，而不是使用定位，但我不确定它是否可行，top:0和left:0我得到相同的所有分辨率的结果，transofrm翻译不。

这是类扩展的容器。

.section.is-expanded{
position:absolute;
width:100%;
height:100%;
z-index:1000;
left:0;
top:0;
oveflow:hidden

}