本文介绍如何解决woocommerce商品编辑页中右侧侧边栏（如产品图、分类、标签等）在向上滚动时意外消失的问题，核心方法是禁用wordpress 6.5+引入的“全高编辑器”功能，避免与滚动定位机制冲突。
在使用最新版 WordPress（≥6.5）与 WooCommerce 编辑商品时，许多用户发现：当页面内容较长需向下滚动查看正文时，右侧侧边栏（#side-sortables）会自动启用 position: fixed 并固定在视口底部附近，方便快速点击【更新】或修改产品属性；但一旦向上滚动，该侧边栏却突然“消失”——实际是被错误地设为 position: absolute 并偏移到极高的负 top 值（如 top: -933.25px），导致完全不可见。
该现象并非由主题或插件冲突引起，而是在纯净环境（默认主题 + 无插件 + 本地测试）下复现的系统级行为，且在 Chrome、Firefox、Edge 中均存在。Firefox 控制台中的警告线索尤为关键：
This site appears to use a scroll-linked positioning effect...
这表明问题根源在于 WordPress 新增的“全高编辑器”（Full-height Editor）与现代浏览器对 scroll-linked 定位（如 position: sticky 或依赖滚动事件的 JS 动态定位）的兼容性缺陷。尤其当侧边栏内模块（如产品图、图库）展开后高度增加，触发了编辑器容器的动态重计算逻辑，加剧了定位错乱。
✅ 推荐解决方案：关闭“全高编辑器”功能
这不是 CSS 修补或 JS 覆盖的权宜之计，而是官方支持的、语义清晰的配置项：
- 进入 WooCommerce 商品编辑页（如 /wp-admin/post.php?post=123&action=edit）；
- 点击右上角 「屏幕选项」（Screen Options） 下拉菜单；
- 取消勾选 ✔ Enable full-height editor and distraction free functionality（启用全高编辑器和免干扰功能）。
✅ 效果立竿见影：
- 编辑器主内容区（Gutenberg 或经典编辑器）高度恢复为固定、可预测的尺寸；
- 侧边栏不再依赖滚动监听动态切换 position，回归稳定 fixed 行为；
- 所有侧边模块（产品图像、图库、分类、标签）展开/折叠均不影响滚动稳定性；
- 无需额外 CSS、JS，不破坏 Gutenberg 布局逻辑，兼容所有主流浏览器。
⚠️ 注意事项：
- 此选项自 WordPress 6.5 起默认启用，影响所有基于 Block Editor 的编辑界面（包括文章、页面、自定义文章类型）；
- 若你偏好全屏沉浸式写作体验，可单独为文章/页面开启，但强烈建议在 WooCommerce 商品编辑页中关闭，因商品元数据操作高频且不容出错；
- 避免使用 !important 强制覆盖侧边栏 CSS（如 top: 97px !important），此类 hack 会破坏侧边栏自身滚动能力（即无法滚动查看长分类列表），得不偿失。
? 小技巧：若团队多人协作，可通过用户角色批量设置——在子主题 functions.php 中添加以下代码，为编辑者及以上角色默认关闭该功能（需配合 add_editor_style() 或用户偏好钩子实现，此处略）；但最稳妥方式仍是手动在每台设备的屏幕选项中关闭。
总之，这不是 Bug，而是新功能与旧交互范式之间的设计妥协。通过一个简单的勾选切换，即可回归稳定、可靠、符合电商运营直觉的编辑体验。
