当页面滚动时，更改元素的高度会将元素移出视口

。这是因为当页面滚动时，浏览器会根据滚动位置重新计算元素的位置和大小。如果更改元素的高度，可能会导致元素的位置发生变化，从而使元素移出视口。

这种情况在前端开发中经常遇到，特别是在实现一些动态效果或响应式布局时。为了解决这个问题，可以使用CSS的position属性来控制元素的定位方式。常见的定位方式有相对定位（position: relative）、绝对定位（position: absolute）和固定定位（position: fixed）。

相对定位是相对于元素自身原来的位置进行定位，不会影响其他元素的布局。绝对定位是相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于浏览器窗口进行定位。固定定位是相对于浏览器窗口进行定位，不会随页面滚动而改变位置。

根据具体的需求，可以选择合适的定位方式来解决元素移出视口的问题。另外，还可以使用JavaScript监听页面滚动事件，在滚动时动态调整元素的高度，以保持元素在视口内显示。

在腾讯云的产品中，可以使用云服务器（CVM）来搭建网站或应用程序，使用云数据库（CDB）来存储数据，使用云存储（COS）来存储和管理文件，使用云函数（SCF）来运行代码逻辑，使用云原生应用引擎（TKE）来部署和管理容器化应用等。具体产品介绍和链接如下：

• 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。了解更多：腾讯云服务器
• 云数据库（CDB）：提供高可用、可扩展的数据库服务，支持多种数据库引擎。了解更多：腾讯云数据库
• 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的文件和数据。了解更多：腾讯云存储
• 云函数（SCF）：无服务器计算服务，支持按需运行代码逻辑，无需管理服务器。了解更多：腾讯云函数
• 云原生应用引擎（TKE）：提供容器化应用的部署和管理平台，支持自动扩缩容、负载均衡等功能。了解更多：腾讯云原生应用引擎

以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来解决页面滚动时元素移出视口的问题。