如果正文不是滚动的内容，有没有办法在滚动时隐藏浏览器

Is there a way to hide the browser on-scroll if the body isn't what's scrolling?

本文关键字：滚动 浏览器 隐藏 有没有 正文 如果      更新时间：2023-09-26

我有一个页面，它有一个中心div，它是所有内容的守护者（我需要这个才能使页面居中并且有一个持久的顶部和底部导航），但是，我现在无法做的是在移动浏览器中向下滚动时将地址栏滑开（如果页面本身正在滚动）。 因为滚动的是div 的内容，所以浏览器地址栏仍然存在。

我很好奇，当这个div从其顶部坐标向下滚动时，我是否可以发出一个手动命令来执行浏览器元素的隐藏/显示。

我只关心在现代移动浏览器中完成这项工作，如webkit，safari，firefox和chrome。

如果您打算在桌面浏览器上使地址栏固定位置（不滚动），但在移动浏览器上使地址栏固定（滚动），则可以使用媒体查询。

例

.html

<div id="address-bar">
    <!-- content -->
</div>

.css

#address-bar{
    position: fixed;
    top: 0;
}
// on lesser width (mobile screen) it will override above rule
@media (max-width: 480px) {
    #address-bar{
        position: relative;
    }
}
相关文章：