扩展DIV如何检查它是否超出了屏幕尺寸

Question

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

如果 DIV 本身的某些部分不在屏幕上，我们如何才能解决该问题？如果是，则显示一个可以链接到完整内容的按钮。

有什么想法吗？

奇妙

Answer 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
}

Answer 2

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

max-width: *YOUR_PAGE_WIDTH*px;

Answer 3

这可以通过 CSS 来完成，

overflow:auto;