.o-thumb-img { width: 1001%; height: 100%; object-fit: cover; /* 效果等同于 background-size: cover */ } /* 初始态:透明且向下偏移一点点 */ .ajax-item-fade-in { opacity: 0; transform: translateY(20px); transition: all 0.6s cubic-bezier(0.21, 0.6, 0.35, 1); } /* 激活态:自然升起淡入 */ .ajax-item-fade-in.is-visible { opacity: 1; transform: translateY(0); } .subCopy { background-color:gray; padding:6px; color:#fff; } /* 你的 Header 变成固定定位,不占位了 */ #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 900; height: 70px; transition: transform 0.3s ease; } /* 隐藏逻辑不变 */ #header.is-hidden { transform: translateY(-100%); } /* 关键:给 body 或者包装层加一个 padding,把 Header 的位置留出来 */ body { padding-top: 70px; } .theiaStickySidebar[style*="position: fixed"] { /* 重点:让它的 top 偏移量动态化 */ top:24px; margin-top: var(--header-offset) !important; /* margin-top: -70px !important;*/ transition: margin-top 0.3s ease; /* 跟 Header 的动画保持同步,丝滑! */ } /*.nice-popup {*/ /* z-index: 1001 !important;*/ /*}*/ /* 当按钮有 loading 类时,直接从浏览器层禁掉所有点击事件 */ .is-loading { pointer-events: none; cursor: not-allowed; } h2,h3 { display:inline; } .href { color: var(--href) !important; }