如何让带有可滚动div的div不根据窗口大小滚动超过某个点？

要实现让带有可滚动div的div不根据窗口大小滚动超过某个点，可以通过CSS的属性和JavaScript来实现。

首先，需要给包含可滚动div的父级div设置一个固定的高度，并将其设置为相对定位（position: relative），以便后续的绝对定位元素可以相对于其进行定位。

然后，在可滚动div内部的内容过多时，会自动生成滚动条。可以通过CSS的overflow属性来控制滚动条的显示方式。将可滚动div的overflow属性设置为auto或scroll，以便在内容溢出时显示滚动条。

接下来，使用JavaScript来监听窗口的滚动事件。当滚动条滚动到指定位置时，通过修改可滚动div的scrollTop属性，将其滚动到指定位置。

以下是一个示例代码：

HTML代码：

<div class="parent">
  <div class="scrollable">
    <!-- 可滚动div的内容 -->
  </div>
</div>

CSS代码：

.parent {
  position: relative;
  height: 400px; /* 设置父级div的固定高度 */
  overflow: hidden; /* 隐藏溢出的内容 */
}

.scrollable {
  height: 100%; /* 设置可滚动div的高度为父级div的高度 */
  overflow: auto; /* 显示滚动条 */
}

JavaScript代码：

var scrollableDiv = document.querySelector('.scrollable');
var scrollPosition = 200; // 设置滚动位置

window.addEventListener('scroll', function() {
  if (window.pageYOffset > scrollPosition) {
    scrollableDiv.scrollTop = scrollPosition;
  }
});

在上述代码中，通过设置父级div的固定高度和隐藏溢出内容，以及给可滚动div设置高度和显示滚动条，实现了让带有可滚动div的div不根据窗口大小滚动超过指定位置的效果。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行调整。另外，推荐的腾讯云相关产品和产品介绍链接地址与此问题无关，故不提供。