业务操作-让导航固定到顶部
# 参考链接- https://bootstrap-menu.com/detail-fixed-onscroll.html
<nav id="navbar_top" class="navbar navbar-expand-lg navbar-dark bg-primary"></nav>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(){
window.addEventListener('scroll', function() {
if (window.scrollY > 50) {
document.getElementById('navbar_top').classList.add('fixed-top');
// add padding top to show content behind navbar
navbar_height = document.querySelector('.navbar').offsetHeight;
document.body.style.paddingTop = navbar_height + 'px';
} else {
document.getElementById('navbar_top').classList.remove('fixed-top');
// remove padding top from body
document.body.style.paddingTop = '0';
}
});
});
// DOMContentLoaded end
</script>
