可能原因：

• 垂直偏移量，如margin-top: 100px或使用position: absolute;时top: 100px与height: 100%的组合。在这种情况下，更改为height: calc(100% - 100px);
• 与padding-top或padding-bottom相同。可能的解决方案：box-sizing: border-box;

但没有密码这一切都是猜测...

将height替换为min-height应该可以修复此问题。
更改此内容：

.scroll {
    height:100%;
    overflow:scroll; 
}

对此：

.scroll {
    min-height:100%;
    overflow:scroll; 
}

不确定可能的原因是什么。但是仅仅在常规div下面放置一个额外的div就解决了这个问题。现在我可以查看上面div中的所有项目。请查看问题本身以获得答案。可能会帮助一些人，如果他们想有这样的变通方案。

.scroll{
height: calc(100vh - 100%);
overflow-y: scroll;
}

如果上面的解决方案不适合你，你可以在滚动条上添加一个负的边距。这只是一个解决方案，但它确实适合我。

.scroll::-webkit-scrollbar-track{
        margin-top: -10px;
        margin-bottom: -10px;
}

有同样的问题。通过将overflow:hidden应用到直接父容器来解决它。
假设你在一个容器中有一个你想要滚动的部分，首先确保保存该部分的容器被给定overflow:hidden，然后继续将overflow:scroll应用到子部分。
对我有用。
快乐编码：）

padding-bottom，到带有滚动条的div，是您的朋友。

.scroll {
  height:100%;
  overflow:scroll; 
  padding-bottom: 5rem;
}

• 希望能解决 *

.scroll{margin-bottom : 50px;}

我有完全相同的问题，它是通过删除布局页面中的"主要"部分来解决的。
最初：

<div class="container">
            <main role="main" class="pb-3 d-flex flex-nowrap" st>
                @RenderBody()
                <partial name="_Notification" />
            </main>

        </div>

已修改，解决了问题：

<div class="container">
                @RenderBody()
                <partial name="_Notification" />
        </div>

我已经检查了CSS文件（eidogg. bootstrap）在主类中的大小限制。但是没有发现任何东西。
我想HTML 5有问题，但这只是一个猜测。
如果其他人能找到起源，我很感兴趣; -）
最好的问候马库斯