Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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_Jquery_Css - Fatal编程技术网

Javascript 网页边界值

Javascript 网页边界值,javascript,jquery,css,Javascript,Jquery,Css,我有一个“框”弹出窗口出现在鼠标上方的一些链接。框高约300px,框的顶部与链接位置处于同一水平面,但是其中一些链接位于页面的最低可滚动部分,因此弹出窗口将被切断 问题 哪些值用于检测页面底部,或到底部的剩余可滚动距离,以便您可以根据需要移动弹出窗口 我使用的是jQuery,但也欢迎参考一个通用JavaScript解决方案 谢谢。基本上,您希望找到相对于文档的视口底部,然后将其与传入文档的坐标进行比较 函数处理程序(事件){ var bottomOfViewport=$(窗口).scrollTo

我有一个“框”弹出窗口出现在鼠标上方的一些链接。框高约300px,框的顶部与链接位置处于同一水平面,但是其中一些链接位于页面的最低可滚动部分,因此弹出窗口将被切断

问题 哪些值用于检测页面底部,或到底部的剩余可滚动距离,以便您可以根据需要移动弹出窗口

我使用的是jQuery,但也欢迎参考一个通用JavaScript解决方案


谢谢。

基本上,您希望找到相对于文档的视口底部,然后将其与传入文档的坐标进行比较

函数处理程序(事件){
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
}