我们有一个 DIV,它根据表单中的用户选项加载内容。DIV 可以变大以在屏幕上看到,因为它也是一个粘性元素并在屏幕上跟随用户。
如果 DIV 本身的某些部分不在屏幕上,我们将如何让 DIV 工作,如果是,则显示一个可以链接到完整内容的按钮。
有任何想法吗?
奇妙
我们有一个 DIV,它根据表单中的用户选项加载内容。DIV 可以变大以在屏幕上看到,因为它也是一个粘性元素并在屏幕上跟随用户。
如果 DIV 本身的某些部分不在屏幕上,我们将如何让 DIV 工作,如果是,则显示一个可以链接到完整内容的按钮。
有任何想法吗?
奇妙
如果你可以强制你的 div 的最大宽度,试试这个 CSS :
max-width: *YOUR_PAGE_WIDTH*px;
这可以通过 CSS 来完成,
overflow:auto;
如果您正在寻找 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
}