图像跟随滚动条

Question

我不知道从哪里开始。我正在寻找一种最佳方式来获得一个图像，该图像将跟随浏览器滚动条在网页上或网页页面底部。例如，如果您在网页中间向下滚动，则图像（箭头）将指向滚动条。当您向下或穿过页面时，图像也会移动。我不是在寻找在光标后面有图像的脚本，因为这并没有考虑到用户可能在鼠标上使用滚轮，在这种情况下，即使页面是光标，光标也不会移动。

感谢您的帮助。

Answer 1

使用position: fixed css，使元素相对于浏览器窗口定位。

Answer 2

有关浏览器如何显示滚动条的信息，如果它甚至有一个滚动条，它所在窗口的哪一侧，或者如何呈现 到网页。

但是，你可以用一些数学做一个不错的猜测。

取document scroll position / document height * display port height，这将为您提供滚动条位于屏幕顶部的粗略像素数。

制作HTML元素position: fixed;并设置top: 123px以匹配上述计算。在Scroll事件上刷新它。

您需要谷歌搜索特定的JavaScript命令来实现这一目标，但从概念上讲，它应该会让您非常接近。

---

如果您想要更准确，请记住滚动条的大小通常为(display port height / document height) * display port height。如果从箭头的运动范围中减去此值，并将此值的一半添加到箭头的top像素值，则通常应指向滚动条的中间位置。