body::-webkit-scrollbar样式仅Chrome生效，Firefox不兼容该如何解决？

你使用的::-webkit-scrollbar是Webkit内核浏览器专属的私有伪元素，仅对Chrome、Safari、新版Edge等基于Webkit内核的浏览器生效，Firefox使用Gecko内核，不支持该语法，需搭配Firefox专用属性实现全兼容效果。

完整兼容代码如下：

/* 适配Webkit内核浏览器（Chrome、Safari、Edge等） */
body::-webkit-scrollbar {
  width: 0;
  /* 如需隐藏横向滚动条可补充以下属性 */
  height: 0;
}

/* 适配Firefox浏览器 */
body {
  scrollbar-width: none;
  /* 如需兼容旧版Firefox可补充以下属性，新版已不需要 */
  overflow: -moz-scrollbars-none;
}

/* 如需兼容IE/旧版Edge可补充以下属性 */
body {
  -ms-overflow-style: none;
}

以上代码实现的效果为隐藏滚动条视觉样式，完全保留页面正常滚动的交互能力。如果需要针对特定容器而非全局body修改滚动条样式，将选择器替换为对应容器的选择器即可。

内容的提问来源于stack exchange，提问作者AK Asraful Zaid