Javascript 网页边界值
我有一个“框”弹出窗口出现在鼠标上方的一些链接。框高约300px,框的顶部与链接位置处于同一水平面,但是其中一些链接位于页面的最低可滚动部分,因此弹出窗口将被切断 问题 哪些值用于检测页面底部,或到底部的剩余可滚动距离,以便您可以根据需要移动弹出窗口 我使用的是jQuery,但也欢迎参考一个通用JavaScript解决方案Javascript 网页边界值,javascript,jquery,css,Javascript,Jquery,Css,我有一个“框”弹出窗口出现在鼠标上方的一些链接。框高约300px,框的顶部与链接位置处于同一水平面,但是其中一些链接位于页面的最低可滚动部分,因此弹出窗口将被切断 问题 哪些值用于检测页面底部,或到底部的剩余可滚动距离,以便您可以根据需要移动弹出窗口 我使用的是jQuery,但也欢迎参考一个通用JavaScript解决方案 谢谢。基本上,您希望找到相对于文档的视口底部,然后将其与传入文档的坐标进行比较 函数处理程序(事件){ var bottomOfViewport=$(窗口).scrollTo
谢谢。基本上,您希望找到相对于文档的视口底部,然后将其与传入文档的坐标进行比较
函数处理程序(事件){
var bottomOfViewport=$(窗口).scrollTop()+$(窗口).height();
var bottomOfBox=event.pageY+框的高度;
if(视口底部<长方体底部)
//处理溢出条件的代码
}
谢天谢地,pageX和pageY属性是相对于文档的。x轴也有类似的情况
function handler(event) {
var bottomOfViewport = $(window).scrollTop() + $(window).height();
var bottomOfBox = event.pageY + HEIGHT_OF_BOX;
if ( bottomOfViewport < bottomOfBox )
// code to handle overflow condition
}