JS获取div滚动条距离实现弹出标签位置动态移动
2014-03-07 22:11
826 查看
前些天尝试了一个定位弹出div标签的功能,没有滚动条时用的是绝对位置,有滚动条后就必须在绝对位置XY坐标上减去滚动条吃进的距离,否则定位就不准了。下面是获取div滚动条距离的JS脚本:
<SCRIPT LANGUAGE="javascript"> var e= document.getElementById('ID'); alert('scroll left: '+e.scrollLeft+'px'); alert('scroll top: '+e.scrollTop+'px'); </SCRIPT>再分享div标签绝对坐标位置获取脚本:
function getXY(e) {var Left=0,Top=0;do{Left+=e.offsetLeft,Top+=e.offsetTop;}while(e=e.offsetParent);}
相关文章推荐
- js实现随滚动条滚动div位置动态变化
- DIV+CSS+javascript实现DIV对象显示在页面任何位置,并随滚动条移动
- 页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置
- js实现一个div缓缓移动到某一个位置再缓缓回到原来位置
- css,js实现在鼠标移动到一个位置在这个位置下面显示一个已经存在的div,这个div的位置随意
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- JS+CSS实现几个DIV层上下移动交换位置的效果
- JS获取任意位置的Div,通过TryCatch和Settimeout实现。
- 动态获取滚动条位置,距离页面顶部距离scrollTop,两种方法任你选,封装完毕,拿去不谢!!!
- js实现div滚动条在页面刷新 滚动条位置固定
- js获取鼠标移动位置
- DIV 弹出层例子 ----实现层移动
- JS跨域调用之JSONP--动态Script标签方式实现跨域
- JS+DIV实现标签页
- JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
- 获取DIV与浏览器顶部相聚一定位置之后移动DIV
- JS弹出可以移动的DIV
- js实现键盘操作对div的移动或改变-------Day43
- JS实现div随着鼠标移动