视口外的区域无法滚动且会跳回顶部

要解决“视口外的区域无法滚动且会跳回顶部”的问题，可以使用以下代码示例中的解决方法：

HTML：

<div class="scrollable-container">
  <div class="content">
    <!-- 页面内容 -->
  </div>
</div>

CSS：

.scrollable-container {
  height: 300px; /* 设置容器的高度，可根据实际情况调整 */
  overflow: scroll; /* 使用滚动条来处理溢出内容 */
}

在上面的代码示例中，我们创建了一个包含内容的容器，并使用CSS的overflow属性将其设置为可滚动。通过设置容器的高度和使用滚动条，可以确保内容在视口外时仍然可以滚动，并且不会跳回顶部。

你可以根据自己的需求调整容器的高度和样式，以及容器内的内容。