woocommerce后台产品编辑页删除顶部滚动栏
问题截图：
一、简单说明
用WooCommerce建站的朋友，后台编辑产品的时候，只要页面一往下滚动，顶部就会多出一个悬浮固定的导航头部，会遮挡编辑器顶部的操作栏和添加媒体按钮。这个效果就是系统自动给头部加上了 woocommerce-layout__header is-scrolled 样式导致的。
下面给大家分享一段实测可用代码，只在产品编辑页面生效，网站前台、订单后台、其他设置页面完全不受影响，安全不冲突。
二、直接复制使用代码
// 隐藏WooCommerce产品编辑页面的滚动条
add_action('admin_head', 'wc_hide_scrolled_header');
function wc_hide_scrolled_header() {
// 仅在产品编辑页面执行
if (get_current_screen()->id === 'product') {
echo '<style>
.woocommerce-layout__header.is-scrolled,
.woocommerce-layout__header {
display: none !important;
}
</style>';
}
}三、详细添加步骤
1、登录你的WordPress网站后台； 2、进入【外观】→【主题文件编辑器】，一定要选择子主题，避免主题更新后代码失效； 3、找到右侧的 functions.php 文件，拉到最底部； 4、把上面的代码直接粘贴到最后，点击保存更新就行； 5、不会改代码的，也可以装 Code Snippets 或 WPCode 插件，新建代码片段粘贴保存即可。
四、修改后的实际效果
再进入产品编辑页面，上下滚动页面，顶部不会再悬浮置顶，不会再遮挡编辑器顶部的操作栏和添加媒体按钮，编辑界面干净清爽，所有产品编辑功能都正常使用，没有任何副作用。
