jquery 判断滚动位置

最新推荐文章于 2022-03-17 14:45:00 发布

转载最新推荐文章于 2022-03-17 14:45:00 发布 · 1k 阅读

html+js+jquery+css 专栏收录该内容

644 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的导航栏固定效果。当页面滚动到特定位置时，导航栏会固定在顶部，并设置相应的z-index确保显示层级。通过简单的JavaScript代码实现了良好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function(){
    $(document).scroll(function(){
        var top = $(document).scrollTop();
        height = parseInt($("#topbar").css("height"));
        console.log("height is" + height);
        if(top < height) {
            console.log("aaaaaaaaaaa");
            $("#navagtionbar_left").css({"position":'',"top":'',"z-index":''});
        } else {
            console.log("bbbbbbbbbb");
            $("#navagtionbar_left").css({"position":"fixed","top":"10px","z-index":"20"});

        }
    });
});