创建视差内容

Question

基本上，我在页面上有3个不同的元素（标题，正文，页脚）。我想将页眉和页脚元素保持固定top: 0和bottom: 0。它们的高度可变高度为80％，页脚高度为5％，割台高度为15％。

最后，最重要的是，我希望主滚动只滚动正文内容。我设置了正文的overflow: scroll，甚至设置了html的overflow: hidden。这是有效的，除了滚动条只在body div上起作用。

如何设置右侧的浏览器滚动条（主滚动条）来控制主体div？