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

<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>