Javascript 如何在没有动画的情况下将标签栏固定在移动屏幕的底部

我有一个标签栏，固定在手机屏幕的底部

当我向上滚动页面时，出现了一个“小故障”——选项卡栏在其位置上挂起1秒钟，然后突然下降到屏幕底部

如何删除此故障或动画

下面是我的代码：

.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;
}

---

代码看起来不错。你有更多的CSS可以发布吗？可能是其他原因造成的…听起来可能是。。。但我同意w/Bruno的观点，即使用更多的代码/a会有助于更好地了解所面临的问题。移动浏览器通常根据滚动的方向和距离来隐藏和取消隐藏地址栏，这会影响窗口的高度。如果这是导致问题的原因，可能值得研究。@AlexanderNied position:sticky；工作，但现在它转移到顶部。如何将其粘贴到底部？添加

bottom:0px