扩展DIV如何检查它何时超过屏幕尺寸答案

【问题标题】：Expanding DIV how to check when it has exceeded screen size扩展DIV如何检查它何时超过屏幕尺寸
【发布时间】：2011-03-29 13:08:40
【问题描述】：

我们有一个 DIV，它根据表单中的用户选项加载内容。 DIV 可以变大以在屏幕上看到，因为它也是一个粘性元素并在屏幕上跟随用户。

如果 DIV 本身的某些部分不在屏幕上，我们将如何让 DIV 工作，如果是，则显示一个可以链接到完整内容的按钮。

有什么想法吗？

太棒了

【问题讨论】：

标签： jquery detect off-screen

【解决方案1】：

如果您可能正在寻找 JS 解决方案，这会起作用：

var topoffset = $div.offset().top;
var height = $div.height();
var pageHeight = $(window).height();

if ((topoffset + height) > pageHeight) {
  //the div is going outside the page
}

【讨论】：

应该可以的。但我认为它没有正确计算topoffset，因为无论如何都会触发脚本。我试过没有顶部偏移，脚本没有触发任何东西

【解决方案2】：

如果您可以强制设置 div 的最大宽度，请使用 CSS 试试这个：

max-width: *YOUR_PAGE_WIDTH*px;

【讨论】：

【解决方案3】：

这可以通过 CSS 来完成，

overflow:auto;

【讨论】：

恐怕不行。溢出必须重新发送 :hidden 以便于粘贴元素。我想一个更好的说法是我们可以检测是否有溢出，如果是这样，制定一个脚本