页面中只有中间部分应该滚动，页面的左侧、右侧和顶部应该固定。

可以使用CSS的position属性和overflow属性实现该效果。具体步骤如下：

1. 将页面分为固定部分和滚动部分，例如将固定部分放在一个DIV中，滚动部分放在另一个DIV中。
2. 将固定部分的position属性设置为fixed，同时设置top、left、right属性为0，使其完全居于页面左侧、右侧和顶部。
3. 将滚动部分的overflow属性设置为auto或scroll，使其可以滚动。
4. 需要注意的是，固定部分和滚动部分的高度要分别设置，以便固定部分在滚动时不会显示在滚动部分中。

以下是使用CSS实现该效果的示例代码：

HTML代码：

<div class="fixed">
  ...固定部分的内容...
</div>
<div class="scroll">
  ...滚动部分的内容...
</div>

CSS代码：

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px; /* 高度需根据实际情况设置 */
}

.scroll {
  overflow: auto;
  height: 500px; /* 高度需根据实际情况设置 */
}