导航条position变换

document.addEventListener('scroll', function (event) {
var scrollDistance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
if (scrollDistance >= 200) { // 触发的位置
document.getElementsByClassName('nav')[0].style.cssText = 'position:fixed;top:0px;';} else {
document.getElementsByClassName('nav')[0].style.cssText = 'position:relative;';
}
});

原文地址:https://www.cnblogs.com/azure-zero/p/12990498.html