更多按钮怎么根据div高度判断隐藏

要根据div的高度来判断是否显示"更多"按钮，您可以使用JavaScript来实现。下面是一个示例代码：

var divContainer = document.getElementById('divContainer');
var showMoreButton = document.getElementById('showMoreButton');
var maxHeight = 400; // 设置最大高度

function checkDivHeight() {
  if (divContainer.scrollHeight > maxHeight) {
    showMoreButton.style.display = 'block'; // 显示"更多"按钮
  } else {
    showMoreButton.style.display = 'none'; // 隐藏"更多"按钮
  }
}

// 在窗口大小改变时重新检查div高度
window.addEventListener('resize', checkDivHeight);
// 在div内容发生改变时重新检查div高度（如果需要）
divContainer.addEventListener('DOMSubtreeModified', checkDivHeight);

// 初始化时检查div高度
checkDivHeight();

上述代码中，我们定义了一个`checkDivHeight`函数，用于检查div容器的内容高度是否超过了最大高度。如果超过了最大高度，则显示"更多"按钮，否则隐藏它。

通过监听窗口大小改变事件和div内容改变事件，可以在这些情况下重新检查div的高度。最后，在初始化时调用一次`checkDivHeight`函数，以确保初始状态正确。

请注意，上述代码假设您已经有一个id为"divContainer"的div容器和id为"showMoreButton"的"更多"按钮。您可以根据自己的需求修改相应的选择器和最大高度值。另外，确保在DOM加载完成后再执行此代码，以确保目标元素已经存在。

这样，"更多"按钮将根据div的高度来判断是否显示或隐藏。