在一定高度后显示scroll-y，但高度是动态的

在前端开发中，当页面内容超出容器高度时，我们可以通过设置overflow-y: scroll来实现垂直滚动条的显示。然而，如果容器高度是动态的，我们需要根据一定的高度阈值来判断是否显示滚动条。

一种常见的实现方式是通过JavaScript来动态计算容器高度，并根据高度阈值来决定是否添加滚动条样式。以下是一个示例代码：

<style>
  .container {
    max-height: 300px; /* 设置容器的最大高度 */
    overflow-y: auto; /* 当内容超出容器高度时显示滚动条 */
  }
</style>

<div class="container" id="myContainer">
  <!-- 页面内容 -->
</div>

<script>
  // 获取容器元素
  var container = document.getElementById('myContainer');

  // 监听窗口大小变化事件
  window.addEventListener('resize', function() {
    // 获取当前窗口高度
    var windowHeight = window.innerHeight;

    // 计算容器高度阈值
    var threshold = windowHeight * 0.8; // 假设阈值为窗口高度的80%

    // 根据容器内容高度是否超过阈值来决定是否显示滚动条
    if (container.scrollHeight > threshold) {
      container.style.overflowY = 'scroll';
    } else {
      container.style.overflowY = 'hidden';
    }
  });
</script>

在上述代码中，我们通过监听窗口大小变化事件来动态计算容器高度阈值，并根据阈值与容器内容高度的比较来决定是否显示滚动条。当容器内容高度超过阈值时，我们将容器的overflow-y属性设置为scroll，否则设置为hidden。

这种实现方式可以适应不同高度的容器，并根据实际内容来决定是否显示滚动条，提供了更好的用户体验。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）