如果HTML元素溢出其内容,我可以使用JavaScript检查(无论滚动条)吗？例如,一个长小的固定大小的div,溢出属性设置为可见,并且元素上没有滚动条.
我尝试根据其中的内容量创建一些<page></page>类a4.如果内容超过了高度<page></page>,我想创建一个新<page></page>的内容超过上一页.
var element = document.getElementsByClassName('a4')[0];
var editorHeight = element.offsetHeight;
var pages = element.childElementCount * 1123;
var pageNumber = element.getElementsByClassName('a4').length + 1;
if (editorHeight < pages) {
var newPage = document.createElement('page');
newPage.setAttribute('size', 'A4');
newPage.setAttribute('class', 'a4');
newPage.dataset.pages = pageNumber;
element.appendChild(newPage);
}body {
background: rgb(204, 204, 204);
}
page {
background: white;
display: block;
text-align: justify;
margin: 20px;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}
page[size="A4"] {
width: 21cm;
height: …