移动端（WebKit内核）使用::-webkit-scrollbar隐藏滚动条失效问题求助

• 首先明确：大部分移动端浏览器的调试工具（比如Chrome的设备模拟）会强制显示滚动条，方便调试滚动区域，这不是代码bug，是调试工具的特性，关闭调试后正常就说明代码没问题。

• 要是想让调试模式下也能看到隐藏效果，可以试试补充更完整的兼容CSS：

/* 隐藏WebKit内核（Chrome、Safari等）的滚动条 */
::-webkit-scrollbar {
  display: none;
}
/* 适配IE/Edge浏览器 */
-ms-overflow-style: none;
/* 适配Firefox浏览器 */
scrollbar-width: none;

• 另外可以检查调试工具的设置：比如Chrome DevTools里，进入设置（右上角三个点→Settings），找到「Appearance」部分，看看是否勾选了「Show scrollbars」，取消勾选后调试时就会隐藏滚动条了。

内容的提问来源于stack exchange，提问作者n wei