/** * 平滑滚动（Lenis）配套 CSS 修正。 * * 解决"启用后全站卡死"的根因： * 本主题全局有 `html,body{height:100%; overflow-x:hidden}`。按 CSS 规范，当一个元素 * overflow-x 是 hidden（而 overflow-y 为默认的 visible）时，overflow-y 的"使用值" * 会被提升为 auto —— 于是（被锁成一屏高 + overflow-y 变 auto）自己成了真正的 * 滚动容器，页面其实是 body 在滚、而不是 window。Lenis 默认接管 window，拦截滚轮后 * 去滚一个根本不滚动的 window，滚轮事件被吃掉、页面纹丝不动 —— 表现就是"整站卡死"。 * * 这里只在 Lenis 激活（html 上带 .lenis 类）时做修正： * - height 改回 auto：内容自然撑开，滚动交给 window（documentElement）。 * - overflow-x 用 clip 代替 hidden：clip 不会把 overflow-y 提升为 auto， * 所以 body/html 不再变成滚动容器；横向依旧被裁掉，不会冒出横向滚动条。 * * 全部作用域限定在 html.lenis 之下：一旦关闭平滑滚动 / 命中"减弱动效" / Lenis 加载失败， * 这些规则统统不生效，页面 100% 回退到原来的样子，不留任何副作用。 * * `html.lenis body` 的优先级(0,1,2)高于主题里 `html,body` 中的 `body`(0,0,1)， * 无需 !important 即可覆盖，也不受样式加载先后顺序影响。 */ html.lenis, html.lenis body { height: auto; overflow-x: clip; } /* body 高度改为 auto 后，#wpnav-app 的 height:100% 可能反过来限制内容高度，一并放开。 */ html.lenis #wpnav-app { height: auto; }