You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用WordPress博客滚动时站点标题的渐隐效果?

如何禁用WordPress博客滚动时标题的淡出效果

要禁用滚动时标题的淡出效果,你可以通过自定义CSS覆盖主题的默认样式,步骤如下:

  • 打开浏览器开发者工具(按下F12键),滚动页面时选中博客标题对应的元素,查看主题应用的透明度(opacity)或过渡动画(transition)相关CSS规则,确认目标元素的类名(比如常见的.site-header、.site-title)。
  • 复制以下CSS代码,根据你查到的类名调整选择器:
/* 强制标题保持完全可见,禁用过渡动画 */
.site-header {
  opacity: 1 !important;
  transition: none !important;
}

/* 如果标题文本有单独的淡出样式,添加这条 */
.site-title {
  opacity: 1 !important;
  transition: none !important;
}
  • 登录WordPress后台,进入「外观」→「自定义」→「额外CSS」,将上述代码粘贴进去,点击「发布」保存更改。

这样就能强制标题在滚动时保持完全显示,不再出现淡出效果。

内容的提问来源于stack exchange,提问作者Kyle Porter

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 15:18:26