$(window)height();//是文档窗口高度
$("div")offset()top//是标签距离顶部高度(没有到下面的距离,比如$("div")offset()down)
$("div")offset()left//是标签距离右边高度(没有到下面的距离,比如$("div")offset()right)
$(document)scrollTop();//是滚动条高度
$("div")height();//是标签高度
你要的高度+$("div")height()+[$("div")offset()top-$(document)scrollTop()]=$(window)height();
经过简单的数学变换即可得到你要的值了
获取页面某一元素的绝对X,Y坐标,可以用offset():
var X = $(‘#DivID’)offset()top;
var Y = $(‘#DivID’)offset()left;
获取相对(父元素)位置:
var X = $(‘#DivID’)position()top;
var Y = $(‘#DivID’)position()left;
通过getBoundingClientRect方法获取对象位置,包含: left , top , right , bottom 4个参数值。
jq只有获取元素相对于浏览器的
$(this)offset()left()忘了后边要不要小括号了
$(this)offset()top()
相对于父元素的话,把父元素的position设置成相对或绝对定位
然后documentgetElementById("dddd")offsetTop
documentgetElementById("dddd")offsetLeft
就是你要的了
你好,根据你的代码是没什么问题的,在拼px的时候有误,多了双引号,另外你代码可以做以下优化
$(document)ready(function () {$('#aboutUs contact maps li')mousemove(function (e) {
$('div',this)css({
"left":epageX+'px',
"top":epageY+'px'
});
})});
如果还不可以,请追问我
transform本身就是变形属性,不会改变元素的位置大小等,布局不发生变化,只是对元素进行变换。
所以js获取的宽高是元素未变形前的值,需要获取缩放后的宽高,可以用元素的宽高乘以缩放值。
以上就是关于jquery怎么获取元素距离屏幕的位置全部的内容,包括:jquery怎么获取元素距离屏幕的位置、jquery 如何获取鼠标当前位置相当于父元素的坐标 而不是相对于浏览器、jquery获取div坐标等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)