①效果：页面的 header 头部元素高度挺高的，随着滚动的进行，头部固定定位了，同时高度也变小了，减小对页面高度的占用；
②需要悬浮固定的元素内外两层嵌套；
③html：“<header> <header-inner> ... </header-inner> </header>”；
④CSS：header { --height-outer: 120px; --height-inner: 60px;display: flex;align-items: center;position: sticky;height:var (--height-outer);top: calc (var (--height-inner) - var (--height-outer));} header-inner {display: flex;line-height: var (--height-inner);position: sticky;top: 0;}；
⑤外层元素粘性定位，设置 top 属性值为负的内外高度的差值，内层元素也是粘性定位，设置 top 属性值为 0，保证吸顶效果。
（参考：www.zhangxinxu.com/wordpress/2…
