怎么做到html在滚动时会显示出状态栏

怎么做到html在滚动时会显示出状态栏，刚学不久求帮助，说详细一点

监听滚动条，判断导航栏距离顶部是不是等于0，是的话给导航栏加上position:fixed

定位开启固定定位即可，position: fixed;

https://blog.csdn.net/qq_38944959/article/details/103218403

使用fix定位使顶部导航栏固定和根据需求加样式，如果需要透明就给顶部导航栏加透明背景色，如果不需要透明就加上对应的背景色和z-index:99;为了不被下方页面覆盖，下方页面滚动时，它会一直固定在上面

var offsetTop = document.querySelector('#footer').offsetTop
//如果滑动距离大于元素到顶部的距离就使用searchBarFixed
if (scrollTop > offsetTop) {
把状态栏设置成fix定位
} else {
把状态栏定位设置成相对定位relative
}

可以监听下滚动条，当滚动top值大于0时，然后再给导航栏加上position:fixed固定定位