JS获取div滚动条距离实现弹出标签位置动态移动

前些天尝试了一个定位弹出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);

}

转载于:https://www.cnblogs.com/bb520/p/3587290.html

JS获取div滚动条距离实现弹出标签位置动态移动相关推荐

js获取浏览器滚动条距离顶端的距离
js获取浏览器滚动条距离顶端的距离一.jQuery获取的相关方法 jquery 获取滚动条高度获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : ...
如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存: 一.jQuery获取的相关方法 Js代码 jquery 获取滚动条高度 ...
js 获取浏览器滚动条距离顶端的距离
一.jQuery获取的相关方法 jquery 获取滚动条高度获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); ...
jquery.cookie.js 每天首次打开页面时弹出广告
①去jquery官网下载 jquery库文件以及 jquery.cookie.js: ②引入:<script type="text/javascript" src=&q ...
js定位div滚动条位置
js定位div滚动条位置如图: 1.找到需要定位元素的位置,已Y轴为例,使用offsetTop找到距离父元素顶部的距离. 2.使用scrollTop属性使其父元素滚动到相应的位置,看下列代码. &l ...
js判断div滚动条是否滚动到底部
1.设置div固定高度,并且设置为内部超出可滚动 2.获取div标签,并获取div滚动距离顶部的高度 3.获取div的高度,如果没有给div设置高度可获取视图窗口的高度 4.获取div标签滚动高度 4 ...
html语言制作留言条,利用DIV+CSS制作右下角弹出留言板
/p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 利用DIV+CSS制作右下角弹出留言板 a ...
Js+DVML:很酷实用的右键弹出菜单
<HTML xmlns:v><HEAD> <head> <meta http-equiv="Content-Type" content=& ...
js获取DIV的位置坐标的三种方法！
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...

JS获取div滚动条距离实现弹出标签位置动态移动

JS获取div滚动条距离实现弹出标签位置动态移动相关推荐

最新文章

热门文章