как исправить панель вкладок в нижней части экрана мобильного устройства при прокрутке без анимации

Question

У меня есть панель вкладок, которая прикреплена к нижней части экрана в мобильном телефоне.

Когда я прокручиваю страницу вверх, возникает «глюк» - панель вкладок висит на своем месте в течение 1se c, прежде чем внезапно упасть в нижнюю часть экрана.

Как убрать этот глюк или анимацию?

Ниже мой код:

.mobile-nav-overlay {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999;
    background: #ebe7dd;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid #d2cec5;
}