javascript中scrolltop用法的问题
程序是想做一个右下方随滚动条滚动的悬浮框其中varscrollTop=document.documentElement.scrollToptarget(悬浮框目标位置)=...
程序是想做一个右下方随滚动条滚动的悬浮框
其中
var scrollTop=document.documentElement.scrollTop
target(悬浮框目标位置)=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop)
不是很懂这个target是如何计算出来的,第一个应该是可视窗口的高度,减去div的高度那应该就等于div顶部与可视窗口顶部的距离吧,后来又加个scrollTop 难道scrollTop指的就是可视窗口顶部与body之间的距离吗? 展开
其中
var scrollTop=document.documentElement.scrollTop
target(悬浮框目标位置)=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop)
不是很懂这个target是如何计算出来的,第一个应该是可视窗口的高度,减去div的高度那应该就等于div顶部与可视窗口顶部的距离吧,后来又加个scrollTop 难道scrollTop指的就是可视窗口顶部与body之间的距离吗? 展开
2个回答
展开全部
document.documentElement.scrollTop指的是滚动条的垂直坐标
document.documentElement.clientHeight指的是浏览器可见区域高度
document.documentElement.clientHeight-oDiv是悬浮框的初始垂直坐标(相对于body的top值)(这个值是固定不变的)
但是当你拉动滚动条的时候,悬浮框的垂直坐标(target)必须要在初始坐标的基础上增减相应的值才能获得视觉上随滚动条滚动的效果,而这个增减的值就是滚动条拉动的距离,即你这个scrollTop
document.documentElement.clientHeight指的是浏览器可见区域高度
document.documentElement.clientHeight-oDiv是悬浮框的初始垂直坐标(相对于body的top值)(这个值是固定不变的)
但是当你拉动滚动条的时候,悬浮框的垂直坐标(target)必须要在初始坐标的基础上增减相应的值才能获得视觉上随滚动条滚动的效果,而这个增减的值就是滚动条拉动的距离,即你这个scrollTop
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询