前言
我相信在许多项目(PC端,单击移动端)中需求会很小,将鼠标移至菜单或某个位置,将显示一个弹出框,然后弹出将其移出时,该框将被隐藏,位于css中。悬停效果,这种常见做法是在每个子菜单下都有一个弹出框。父元素相对于子元素定位,子元素绝对定位。您只需要控制弹出框的显示和隐藏。但是,当鼠标移动到菜单边框时,上载时,弹出框可能会超出,如下图所示:
该解决方案从,并且项目符号框架的位置超出了范围从边界需要动态更改。下面是offsetTop,offsetHeight,clientHeight,scrollHeight,scrollTop
的说明
请注意,弹出框的布局受到限制。尽管弹出框需要隐藏,但无法使用display隐藏:无。您可以使用不透明度0或可见性:隐藏来隐藏元素,因为显示:无法获得元素的高度,宽度等。下面是我写的一个演示
以上代码测试可以解决框溢出的问题。如果您有更好的解决方案,请指出,谢谢! ! !
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/bofangqi/article-325202-1.html