Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在滑块中获得真实的dom位置?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何在滑块中获得真实的dom位置?

Javascript 如何在滑块中获得真实的dom位置?,javascript,html,css,Javascript,Html,Css,我试着在一个滑动显示中设置一个绘画应用程序。因此,我需要活动的滑动div位置 幻灯片包装器(div.slide)的位置工作正常,无需添加幻灯片效果。 比如 但当我添加滑块效果时,位置会出错。 如你所见, 该位置显示1.[x:528 y:8],2.[x:1048 y:8]和3.[x:8 y:8] 我认为每次幻灯片处于活动状态时,它应该始终为[x:8 y:8]。 findPos函数如下所示 //Get the absolute position of a DOM object on a page f

我试着在一个滑动显示中设置一个绘画应用程序。因此,我需要活动的滑动div位置

幻灯片包装器(div.slide)的位置工作正常,无需添加幻灯片效果。 比如

但当我添加滑块效果时,位置会出错。 如你所见, 该位置显示1.[x:528 y:8],2.[x:1048 y:8]和3.[x:8 y:8]

我认为每次幻灯片处于活动状态时,它应该始终为[x:8 y:8]。 findPos函数如下所示

//Get the absolute position of a DOM object on a page
function findPos(obj) {
var curLeft = curTop = 0;
if (obj.offsetParent) {
    do {
        curLeft += obj.offsetLeft;
        curTop += obj.offsetTop;
    } while (obj = obj.offsetParent);
}
 return {x:curLeft, y:curTop};
}

有人能给点提示吗?谢谢。

库使用
translate3d
移动幻灯片。您可以尝试使用
[…]从Gecko 12.0开始,在计算元素的边框时会考虑CSS转换的效果。[…]
您好,谢谢。我已经尝试过getBoundingClientRect方法,但是内容3失败了…好的,它工作了!谢谢你,侄女。