当滚动到父div的高度时，限制固定的sub的高度

可以通过以下步骤实现：

首先，需要使用CSS来设置父div和sub的样式。父div应该具有一个固定的高度，并且需要设置overflow属性为scroll或auto，以便在内容溢出时出现滚动条。sub应该具有一个固定的高度，以便在滚动时限制其高度。

.parent-div {
  height: 400px; /* 设置父div的固定高度 */
  overflow: auto; /* 设置溢出时显示滚动条 */
}

.sub {
  height: 200px; /* 设置sub的固定高度 */
}

接下来，需要使用JavaScript来监听父div的滚动事件，并在滚动到一定高度时限制sub的高度。可以使用addEventListener方法来添加滚动事件监听器。

var parentDiv = document.querySelector('.parent-div');
var sub = document.querySelector('.sub');

parentDiv.addEventListener('scroll', function() {
  var scrollTop = parentDiv.scrollTop; // 获取父div的滚动高度
  var limitHeight = 300; // 设置限制高度

  if (scrollTop >= limitHeight) {
    sub.style.height = limitHeight + 'px'; // 限制sub的高度
  } else {
    sub.style.height = ''; // 恢复sub的原始高度
  }
});

在上述代码中，我们设置了一个限制高度（limitHeight），当父div的滚动高度（scrollTop）超过限制高度时，将sub的高度设置为限制高度；否则，恢复sub的原始高度。