如何检查元素的位置？

Question

我有下面的脚本。基本上，它会破坏带有标题的图片。问题是有时候我在页面末尾有标题，在下一页有图片。 我希望能够测试标题是否在页面的远端，然后转到下一页。 例如“如果标题位置> 3/4页，然后分页。

谢谢。

function CheckTitle(value) {
    if(Title!=value) {
        if (column == 2) {
            document.writeln('</tr>');
            column = 1;
        }
        document.writeln('<tr>');
        document.writeln('<td colspan="35" width="1000px" style="background-color: rgba(0,159,227,1);color:white;font-size: larger">' + value + '</td>');
        document.writeln('</tr>');
    }
    Title = value;
    ctr=ctr+1;
}

Answer 1

更新：抱歉，我以为您要求不要在视口下方延伸...要停止分页，可以使用CSS：

PIVOT

参考：MDN | break-after - CSS