Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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 我如何知道特定物品是否已离开容器?_Javascript_Css_Transform - Fatal编程技术网

Javascript 我如何知道特定物品是否已离开容器?

Javascript 我如何知道特定物品是否已离开容器?,javascript,css,transform,Javascript,Css,Transform,我写了一本小册子 此外,我无法理解如何推断信息,例如,项目[10]留下了容器的可视区域 我试过通过offsettop进行计算,但这不是正确的方法。在计算中,你必须计算边界。每个项目的边框宽度为1px,因此每个项目比height属性多2px 如果您为所有元素指定了框大小:边框框,则高度将使用边框计算,您的示例将适用于: div { box-sizing: border-box; } 这个问题(在CSS中使用translateAxis时获取元素位置)在本文中得到了或多或少的回答: 但是,

我写了一本小册子

此外,我无法理解如何推断信息,例如,项目[10]留下了容器的可视区域


我试过通过offsettop进行计算,但这不是正确的方法。在计算中,你必须计算边界。每个项目的边框宽度为1px,因此每个项目比height属性多2px

如果您为所有元素指定了框大小:边框框,则高度将使用边框计算,您的示例将适用于:

div {
    box-sizing: border-box;
}
这个问题(在CSS中使用translateAxis时获取元素位置)在本文中得到了或多或少的回答:

但是,如果您需要密切跟踪元素,我强烈建议您在页面中使用Javascript而不是CSS来操作它们,这样可以更快、更容易、更同质地跨浏览器操作


用CSS改变DOM的状态并试图用javascript捕捉这种状态有点反模式,除非编写等价的javascipt非常困难。

通过比较元素的位置?可能重复
div {
    box-sizing: border-box;
}