Html 当网站页面视口包含所有页面内容时启用触摸滚动

我正试图完成一些有点奇怪的事情。我在一个移动响应网站上工作，在大多数页面中，所有内容都位于视口中，因此在大多数情况下不会出现溢出或滚动条。当在桌面屏幕上观看时，这看起来很完美，但我真的想要在移动设备上纵向观看时触摸滚动的触感，因为在移动网站上完全静止的页面感觉很奇怪。我想通过将页脚的“底部”属性设置为负偏移值，在视口下方添加一些空白，如下所示：

#footer {
     bottom: -20px;
     position: absolute;
     width: 100%;
     height: 40px;
}

这种方式完成了我要查找的内容，并允许使用额外的死区进行滚动，但在上下滚动几次后，会出现一个空白空白，我认为这是页脚的高度，页面背景样式（应用于页面的正文标记）未覆盖该空白空白

是否有任何方法可以在不修改页面其余内容的情况下，干净地完成我希望实现的目标

谢谢