Расширение DIV, как проверить, когда он превысил размер экрана

Question

У нас есть DIV, который загружается с содержимым на основе пользовательских параметров в форме.DIV может вырасти до большого размера, чтобы его можно было увидеть на экране, поскольку он также является липким элементом и следует за пользователем на экране.

Как заставить DIV работать, если некоторые из них не отображаются на экране и, если да, показать кнопку, которая может затем ссылаться на полный контент.

Есть идеи?

Marvelous

Answer 1

Это можно сделать с помощью CSS,

overflow:auto;

Answer 2

Если вы ищете решение 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 3

, если вы можете увеличить максимальную ширину вашего div, попробуйте это с помощью CSS:

max-width: *YOUR_PAGE_WIDTH*px;