如何禁用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
相关产品推荐
相关产品推荐

