transform内的元素依然固定定位实例页面

回到相关文章 »

展示

技术写作指南,不仅是写作指南

代码

CSS代码:
.wrap {
    position: absolute;
    inset: 0;
    width: fit-content;
    margin-inline: auto;
    transform: scale(1);
    pointer-events: none;
}
.target {
    position: sticky;
    top: 200px;
    pointer-events: auto;
}
HTML代码:
<div class="wrap">
    <span class="target">技术写作指南,不仅是写作指南</span>
</div>