Javascript 查找滚动条的条的确切位置

我想在滚动条旁边留一个空白，突出显示html页面上的章节和其他项目。类似于eclipse在这张图片中显示错误、TODO等的右箭头

我可以使用scrollTop、windowHeight和可滚动内容的高度轻松计算元素中滚动条的相对位置。问题是，这没有考虑到滚动条在顶部/底部有两个小箭头，这使得我的算法认为滚动条比它稍微高一点，这使得高光太大，并且倾向于偏离中心一点。我找不到任何方法来找到这些小箭头按钮的高度

所以从我的角度来看，我也需要知道

滚动条上方/下方箭头的大小。我想这是相当稳定的，但如果可能的话，最好是在不同的浏览器使用不同的滚动条的情况下阅读它。尤其是考虑到可能根本没有这些设备的移动设备。 将scrollposition与视口内的位置匹配的直接方法 一种完全隐藏箭头的方法。无需使用javascript从头开始重新实现滚动条。

---

好吧，我想让你拥有自己的滚动条。否则你无法知道按钮的大小。另外，在最新的Mac操作系统中，滚动条在不使用时会逐渐消失；在其他版本的Mac OS中，箭头按钮分组在滚动条的顶部或底部。或者在两端。即使你不是针对Mac操作系统，关键是尽管它是相同的操作系统，但按钮会四处移动，所以你甚至不能硬编码它们的大小。正如你所说，移动设备是完全不一致的。osx中的双箭头按钮很好。我想你是对的，我必须创建自己的滚动条。问题是，这将消除操作系统滚动条已经发明并训练用户的许多可访问性。我想显示本地滚动条和我的滚动条是最好的解决方法。如果目的是沿着页面的右边缘制作文档的链接图，那么它与滚动条完美同步是否非常重要？通过查看您试图链接到的节点的scrollTop属性的比例以及文档的总高度，您应该能够得到合理的结果。我认为如果您创建自己的滚动条，它不会删除很多可访问性。你听说过fleXscroll吗。您仍然可以使用鼠标、键盘和带有滚动条的滚轮。它的作用与浏览器滚动条完全相同，只是您可以对其进行更多的控制。我刚刚给了fleXscroll一个机会，但在他们网站上一分钟的测试中，我发现了几个问题，最明显的是：1。空格/shift+空格不起作用。2.上升/下降时间太长。3.鼠标滚轮滚动一点也不平滑。4.它捕获的事件比它应该捕获的多，例如ctrl+scroll。我得出的结论是，隐藏原来的滚动条并只显示自定义滚动条要好得多，你最后一次用鼠标光标拖动滚动条是什么时候？如果你真的很关心可访问性，那么展示你自己和本地人。