javascript - 在滚动条上标记关键位置

标签 javascript jquery html css

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

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

对于新创建的 div,如何在滚动条上而不是在 div 中显示该位置,或者甚至可以在滚动条上添加固定的 div?

最佳答案

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

(例如,大多数 Windows 系统上的滚动条在顶部和底部都有“按钮”,但 Mac OS 滚动条没有;这会改变内容滚动条的位置,因为它会影响整体长度滚动条。事实上,Mac OS 滚动条在许多系统上默认是不可见的,因此尝试将内容放置在滚动条上看起来很奇怪!)

关于我能想到的唯一方法是完全放弃 native 滚动条并使用 Javascript 创建的替代品,但这些往往有古怪的行为,会激怒用户。除非此功能对您极其重要,否则我倾向于认为它不可能实现。

关于javascript - 在滚动条上标记关键位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35587874/

相关文章:

jquery - 背景图像在鼠标悬停时闪烁

javascript - 没有链接时触发点击事件

html - 为什么在这些div元素之间会出现这个不是margin的空格呢?

javascript - 如何在ES6箭头函数调用的函数中使用 `this`?

javascript - 如何每次将页面向上移动到一个div

javascript - jquery-ui datepicker 没有出现在动态输入中

javascript - 如何在 css 中进行图像颜色混合?

html - 无法访问子菜单

javascript - jquery .hide 在这种情况下不起作用

JavaScript 添加十进制数字问题