Javascript 要跟随滚动条的图像

Javascript 要跟随滚动条的图像,javascript,html,css,image,cursor,Javascript,Html,Css,Image,Cursor,我不知道从哪里开始。我正在寻找最好的方式,以有一个图像,将跟随浏览器滚动条向下一个网页或横跨网页底部。例如,如果您将网页向下滚动了一半,则图像(箭头)将指向滚动条。当您向下或穿过页面时,图像也会移动。我不寻找在光标后有图像的脚本,因为这没有考虑到用户可能正在使用鼠标滚轮,在这种情况下,即使页面移动,光标也不会移动 谢谢你的帮助 使用位置:固定css,使元素相对于浏览器窗口进行定位。有关浏览器如何显示滚动条的信息(如果有滚动条的话)、滚动条在窗口的哪一侧或如何呈现对于网页不可用 然而,你可以用一些

我不知道从哪里开始。我正在寻找最好的方式,以有一个图像,将跟随浏览器滚动条向下一个网页或横跨网页底部。例如,如果您将网页向下滚动了一半,则图像(箭头)将指向滚动条。当您向下或穿过页面时,图像也会移动。我不寻找在光标后有图像的脚本,因为这没有考虑到用户可能正在使用鼠标滚轮,在这种情况下,即使页面移动,光标也不会移动


谢谢你的帮助

使用
位置:固定
css,使元素相对于浏览器窗口进行定位。

有关浏览器如何显示滚动条的信息(如果有滚动条的话)、滚动条在窗口的哪一侧或如何呈现对于网页不可用

然而,你可以用一些数学来做一个相当不错的猜测

文档滚动位置/document height*显示端口高度为例,这将为您提供滚动条从屏幕顶部开始的大致像素计数

使您的HTML元素
位置:固定
并设置
顶部:123px
以匹配上述计算。在滚动事件中刷新此选项

您需要在谷歌上搜索特定的JavaScript命令才能实现这一点,但从概念上讲,这应该会让您非常接近



如果希望更准确,请记住滚动条的大小通常为
(显示端口高度/文档高度)*显示端口高度
。如果从箭头的运动范围中减去该值,并将该值的一半添加到箭头的
顶部
像素值中,它通常应指向滚动条的中间。

这绝对没有意义,因为你把位置固定在某个点上,而不是滚动条的滚动位置。他说箭头必须指向滚动条,而不是滚动条里面的滚动条!我答应了他的要求!为了澄清,我希望箭头指向滚动条内的位置栏。