顶部导航栏粘滞，导致滚动条不起作用

Question

简要说明：在我的html页面上，我添加了一个粘性菜单，但是与导航栏平行的滚动条不起作用，我认为它已经超出了粘性导航栏。以下是我的HTML和CSS代码以及页面的屏幕截图，其中包含问题的直观说明。

Home.html 代码：

<div class="bot-nav contain clearfix">
 <div class="logo"><img src={{logourl}}></div>
.... //code
</div>

css 代码：

.bot-nav
{
  width:100%;
  position:fixed;
  z-index:1;
  background-color:#fff;
}

请参见下图，尝试通过视觉方式解释问题：