jquery - 扩展DIV如何检查它何时超过屏幕尺寸

Question

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

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

有任何想法吗？

奇妙

Answer 1

如果你可以强制你的 div 的最大宽度，试试这个 CSS ：

max-width: *YOUR_PAGE_WIDTH*px;

Answer 2

这可以通过 CSS 来完成，

overflow:auto;

Answer 3

如果您正在寻找 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
}