vue项目开发中,需要对div进行放大缩小处理,这里使用的是transform: scale(1.4641),但是放大后滚动条滚到顶部,仍然有一部分内容看不到。
解决办法
transform-origin 属性允许你改变元素变形的原点。默认情况下,这个原点是元素的中心,但你可以将其设置为顶部中心,这样缩放时顶部就不会向上移动。
.child-div {
transform: scale(1.4641);
position: relative;
transform-origin: center top; /* 将变形原点设置为顶部中心 */
}
设置完transform-origin: center top;
就可以正常看到顶部了。