如何判断元素前是否有页面分页？

可以通过JavaScript中的getBoundingClientRect()方法获取DOM元素的位置和尺寸信息，并计算出元素的顶部距离页面顶部的距离，与前一个元素的底部距离相比较，如果两者相差超过了页面高度，就说明当前元素前有分页。 示例代码如下：

function hasPageBreakBefore(element) {
  const pageHeight = document.documentElement.clientHeight;
  const rect = element.getBoundingClientRect();
  const elementTop = rect.top;
  const prevElement = element.previousElementSibling;

  if (!prevElement) {
    return false;
  }

  const prevRect = prevElement.getBoundingClientRect();
  const prevElementBottom = prevRect.bottom;

  return Math.abs(elementTop - prevElementBottom) > pageHeight;
}

// example usage
const myElement = document.getElementById('myElement');
const hasPageBreak = hasPageBreakBefore(myElement);