CSS阻止div高度延伸过去的视区+滚动时使topnav保持不变

CSS阻止div高度延伸过去的视区：

要阻止div元素高度延伸过去视区的方法是通过设置其CSS属性overflow为auto或hidden。overflow:auto属性会自动添加滚动条，当内容超出div的高度时，可以滚动查看剩余内容。而overflow:hidden属性会隐藏超出div高度的内容，无法查看。

滚动时使topnav保持不变：

要实现滚动时使topnav保持不变，可以使用CSS的position属性来实现。将topnav设置为固定定位（position:fixed），并设置其top和left属性为0，这样就可以固定在页面的顶部不随滚动而移动。同时，为了避免其他内容被topnav遮挡，可以在内容区域的CSS样式中添加一个与topnav等高的内边距或外边距。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
body {
  margin: 0;
  padding: 0;
}

.topnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 10px;
}

.content {
  margin-top: 50px; /* 与topnav等高的外边距 */
  padding: 10px;
}

</style>
</head>
<body>

<div class="topnav">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>

<div class="content">
  <h2>滚动时使topnav保持不变</h2>
  <p>这是内容区域，当内容超出div的高度时，会出现滚动条。</p>
</div>

</body>
</html>

上述代码中，topnav固定在页面顶部，不会随着内容滚动而移动。内容区域使用了50px的外边距，以避免被topnav遮挡。可以根据实际需求调整样式。

对应的腾讯云产品和产品介绍链接地址可以根据具体需求进行选择，例如腾讯云提供的云服务器、云存储、CDN加速等产品都可以用于支持上述功能的实现。具体产品信息可以参考腾讯云官方网站：https://cloud.tencent.com/