页面结束时翻转弹出方向

时间:2013-11-21 09:44:26

标签: javascript jquery html css

当我点击它下方的图标时,我会出现一个气泡。但是如果图标出现在页面的末尾,那么当我点击它时,弹出窗口就会出现在页面下方。我希望通过检测页面的结尾来避免这种情况,这种情况使弹出窗口显示在最前面。

我尝试使用$(window).height()检测高度,然后检查弹出窗口的当前位置,并在窗口结束时相应地更改它。但是有更好的方法吗?

2 个答案:

答案 0 :(得分:0)

我记得有这个问题并使用scrollIntoView函数https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView

解决了这个问题

答案 1 :(得分:0)

尝试以下方法:

document.getElementById('pop-up').scrollHeight