js获取元素到父元素的距离以及窗口offsetTop的距离

前言

我相信在许多项目（PC端，单击移动端）中需求会很小，将鼠标移至菜单或某个位置，将显示一个弹出框，然后弹出将其移出时，该框将被隐藏，位于css中。悬停效果，这种常见做法是在每个子菜单下都有一个弹出框。父元素相对于子元素定位，子元素绝对定位。您只需要控制弹出框的显示和隐藏。但是，当鼠标移动到菜单边框时，上载时，弹出框可能会超出，如下图所示：

该解决方案从，并且项目符号框架的位置超出了范围从边界需要动态更改。下面是offsetTop，offsetHeight，clientHeight，scrollHeight，scrollTop

的说明

请注意，弹出框的布局受到限制。尽管弹出框需要隐藏，但无法使用display隐藏：无。您可以使用不透明度0或可见性：隐藏来隐藏元素，因为显示：无法获得元素的高度，宽度等。下面是我写的一个演示

以上代码测试可以解决框溢出的问题。如果您有更好的解决方案，请指出，谢谢！ ！ ！

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-325202-1.html