Firefox查找结果滚动条标记：仅浏览器自带？网页可通过CSS/JS实现吗？

这个滚动条上的搜索结果标记是Firefox原生独有的特性，网页无法通过CSS或常规JavaScript直接实现完全一致的效果。

具体原因说明 #

• CSS层面：现有滚动条定制能力（比如Chrome的::-webkit-scrollbar系列伪元素、Firefox的scrollbar-width属性）仅支持修改滚动条的基础样式，比如尺寸、颜色、圆角等，没有提供添加自定义标记点的接口。
• JavaScript层面：不存在直接操作原生滚动条绘制标记的原生API。如果要实现类似效果，只能通过自定义滚动条组件模拟：先隐藏原生滚动条，用DOM元素构建自定义滚动条，再计算搜索结果在页面中的位置比例，在自定义滚动条对应位置添加标记元素，同时监听滚动事件同步内容与滚动条的位置。但这种方式属于完全重构滚动条逻辑，和Firefox原生标记的实现机制完全不同，还要处理滚动同步、响应式适配、跨浏览器行为差异等大量细节问题。

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