在滚动条上标记关键位置

Mark key positions on a scrollbar

本文关键字：键位位置滚动条上标更新时间：2023-09-26

我有一个使用 overflow: auto 属性带有自己的滚动条的div。有了这个div我显示了一个表格。对于某些行，我想在滚动条上显示它们在div内位置的标记。

目前，我正在计算要通过从父div中减去偏移量来在滚动条中标记的所需行的位置，然后我正在创建具有固定位置的div

使用新创建的div，如何在滚动条上而不是在div 中显示该位置，或者甚至可以在滚动条上添加固定的div？

真的没有好方法可以做到这一点。overflow: auto创建的滚动条有点奇怪：它的大小和指标取决于浏览器和操作系统，Javascript无法可靠地检测到。

（例如，大多数 Windows 系统上的滚动条在顶部和底部都有"按钮"，但 Mac OS 滚动条没有;这会更改滚动拇指对内容的位置，因为它会影响滚动条的总长度。事实上，Mac OS滚动条在许多系统上默认是不可见的，因此尝试将内容放置在其上看起来很奇怪！

关于我能想象到的唯一方法是完全放弃本机滚动条并使用Javascript创建的替身，但这些往往具有会惹恼用户的不稳定行为。除非此功能对您非常重要，否则我倾向于将其视为不可能。