javascript - 如何标记浏览器滚动条？

Question

我想像 chrome 在 Control + F 中那样标记浏览器滚动条，只用 html css 和 js。

我试过了

1. 固定css位置的div
2. 为滚动条轨道创建线性渐变样式

但我在两次尝试中都迷路了。有什么想法吗？

Answer 1

浏览器不提供允许嵌入网页中的 JavaScript 执行此操作的 API。

最接近的方法是在 html 元素上设置 overflow: hidden，然后从头开始构建您自己的滚动条。您需要考虑所有会导致页面滚动的正常 UI 交互(例如搜索到特定点、按空格键或向下箭头、与屏幕阅读器交互等)，因此不太可能您可以在不引入严重的可访问性和用户体验问题的情况下实现这一目标。