Question

我有一个“盒子”弹出窗口，在鼠标悬停时显示某些链接。盒子的高度约为300像素，盒子的顶部与链接位置处于同一水平，但是其中一些链接位于页面的最低可滚动部分，因此弹出窗口将被切断。

问题使用什么值来检测页面底部，或者保持底部的可滚动距离，以便您可以根据需要移动弹出窗口？

我正在使用jQuery，但也欢迎使用通用JavaScript解决方案。

谢谢。

Answer 1

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

function handler(event) {
    var bottomOfViewport = $(window).scrollTop() + $(window).height();
    var bottomOfBox = event.pageY + HEIGHT_OF_BOX;
    if ( bottomOfViewport < bottomOfBox )
        // code to handle overflow condition
}

值得庆幸的是，pageX和pageY属性是相对于文档的。类似地适用于x轴。

网页边界值

1 个答案: