解决前端页面闪烁问题（自用）

最新推荐文章于 2023-03-21 19:16:09 发布

Climbing-pit

最新推荐文章于 2023-03-21 19:16:09 发布

阅读量1.1k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_37507261/article/details/118722884

版权

JavaScript DOM操作固定导航页面滚动事件监听

关键词由CSDN通过智能技术生成

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在内嵌页面header.html中引用的header.js中添加内容：

$(function () {
    var scroll=0;
    var navST=60; //该元素距离网页顶端60px
     window.onscroll = function(){
        if(document.documentElement.scrollTop || document.body.scrollTop>navST &&                     scroll==0){
            document.getElementsByTagName("nav")[0].classList.add("fixed");
            scroll=1;
        } else if(document.documentElement.scrollTop || document.body.scrollTop<=navST && scroll==1){
            document.getElementsByTagName("nav")[0].classList.remove("fixed");
            scroll=0;
        }
    };
});