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
}