要保持顶部不变地增加div的高度，可以使用CSS的position属性来定位div，并使用JavaScript来计算并设置其高度。以下是一个代码示例：

HTML:

Content
Increase Height

CSS:

#myDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #f0f0f0;
}

JavaScript:

function increaseHeight() {
  var div = document.getElementById('myDiv');
  var currentHeight = div.offsetHeight;
  var newHeight = currentHeight + 50;
  div.style.height = newHeight + 'px';
}

在这个示例中，div元素使用了position: fixed来将其固定在页面顶部，使用了top: 0来保持其顶部不变。点击按钮时，会调用increaseHeight函数来增加div的高度。函数中，获取当前div的高度，计算出新的高度值，并将其设置为div的新高度。

请注意，这只是一个示例，你可以根据你的实际需求来修改CSS和JavaScript代码。