Javascript 要跟随滚动条的图像
我不知道从哪里开始。我正在寻找最好的方式,以有一个图像,将跟随浏览器滚动条向下一个网页或横跨网页底部。例如,如果您将网页向下滚动了一半,则图像(箭头)将指向滚动条。当您向下或穿过页面时,图像也会移动。我不寻找在光标后有图像的脚本,因为这没有考虑到用户可能正在使用鼠标滚轮,在这种情况下,即使页面移动,光标也不会移动Javascript 要跟随滚动条的图像,javascript,html,css,image,cursor,Javascript,Html,Css,Image,Cursor,我不知道从哪里开始。我正在寻找最好的方式,以有一个图像,将跟随浏览器滚动条向下一个网页或横跨网页底部。例如,如果您将网页向下滚动了一半,则图像(箭头)将指向滚动条。当您向下或穿过页面时,图像也会移动。我不寻找在光标后有图像的脚本,因为这没有考虑到用户可能正在使用鼠标滚轮,在这种情况下,即使页面移动,光标也不会移动 谢谢你的帮助 使用位置:固定css,使元素相对于浏览器窗口进行定位。有关浏览器如何显示滚动条的信息(如果有滚动条的话)、滚动条在窗口的哪一侧或如何呈现对于网页不可用 然而,你可以用一些
谢谢你的帮助 使用
位置:固定css,使元素相对于浏览器窗口进行定位。有关浏览器如何显示滚动条的信息(如果有滚动条的话)、滚动条在窗口的哪一侧或如何呈现对于网页不可用
然而,你可以用一些数学来做一个相当不错的猜测
以文档滚动位置/document height*显示端口高度为例,这将为您提供滚动条从屏幕顶部开始的大致像素计数
使您的HTML元素位置:固定
并设置顶部:123px
以匹配上述计算。在滚动事件中刷新此选项
您需要在谷歌上搜索特定的JavaScript命令才能实现这一点,但从概念上讲,这应该会让您非常接近
如果希望更准确,请记住滚动条的大小通常为(显示端口高度/文档高度)*显示端口高度
。如果从箭头的运动范围中减去该值,并将该值的一半添加到箭头的顶部
像素值中,它通常应指向滚动条的中间。这绝对没有意义,因为你把位置固定在某个点上,而不是滚动条的滚动位置。他说箭头必须指向滚动条,而不是滚动条里面的滚动条!我答应了他的要求!为了澄清,我希望箭头指向滚动条内的位置栏。