添加更多滚动到更小的分辨率

Question

我正在创建一个应用程序来处理不同的分辨率，我有一个仪表板页面，但因为我的页面上有一个页脚栏，因为更高的分辨率它很好但是对于较小的分辨率，页脚栏正在阻碍这些项目，我将尝试展示一个例子：

更高分辨率：

红线的位置是我的项目的底部，但现在我将显示我的较小的res

正如您所看到的，页脚栏已经挡住，页面上没有足够的滚动条来查看项目的底部。

我已经尝试将身体设置为更高的高度，但是然后在更高的res上创建一个滚动条，我不想要它。

以下是我的尝试：

body {
    Height: 125%;
}

这是我的页脚代码：

.bsimplex-footer-bar{
     width:100%;
     bottom:0;
     position:fixed;
     margin-right:10px;
     background-color:#6a3d98;
     margin-left:-10px;
     height: 41px; 
     display: flexbox; 
     display: -ms-flexbox;
}