扩展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
}