实施例

Question

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

我很好奇是否有一个手动命令可以在此div从其顶部坐标向下滚动时执行所述浏览器元素的隐藏/显示。

我只关注在webkit，safari，firefox和chrome等现代移动浏览器中进行此项工作。

Answer 1

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

实施例

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

有没有办法隐藏浏览器滚动，如果正文不滚动？

1 个答案:

实施例