滚动时固定位置标题不会粘在页面顶部

Question

我有一个顶部有固定位置的标题：0等。它适用于台式机和笔记本电脑。但是在移动时，当你滚动并且浏览器的顶部消失时，标题上方会有一个很大的空白区域，直到浏览器的顶部完全消失，然后它会捕捉到顶部。我希望它总是被推到窗口的顶部。谁知道如何避免这种情况？

继承人，你可以看到我的意思; http://79.170.40.172/allianceworkforce.co.uk/

#nav_bar{
    background-color: #404041;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60px;
    z-index: 101;
}