时间戳

首页 > 解决方案 > 如何检查 div 是否溢出 React 中的页面？

javascript - 如何检查 div 是否溢出 React 中的页面？

问题描述

我有一个 div，由于内容过长，它的高度有时会超出页面的高度。如何知道是不是这样？我试图将 scrollHeight 与 clientHeight 进行比较，但两个值是相同的。这是代码：

const Component = ({text}) => {
  const ref = React.useRef(null);
  const contentOverflowPage =  ref.current && ref.current.scrollHeight > ref.current.clientHeight

  return (
    <Root ref={ref}>
      {content}
    </Root>
  );
};

export default Component;

如何解决这个问题？谢谢！

标签： javascriptreactjs

解决方案

推荐阅读