jq检测页面滚动到达图片的高度时，把某个菜单置顶，fixed

最新推荐文章于 2023-08-10 17:49:37 发布

Lucy酱

最新推荐文章于 2023-08-10 17:49:37 发布

阅读量610

点赞数

CC 4.0 BY-SA版权

文章标签： html css jq

本文链接：https://blog.youkuaiyun.com/qq_40101922/article/details/80972551

本文介绍了一种使用JavaScript实现的滚动监听效果，当页面滚动到指定位置时改变元素的显示方式。具体通过获取图片高度并与窗口滚动位置进行比较来判断是否达到触发条件。

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

$(window).scroll(function(){
        var imgHeight=$(".swiper-slide img").height();//获取图片高度
        if($(window).scrollTop()>imgHeight){
            $(".top_tip").addClass("fixed");//fixed是css样式
        }else{
            $(".top_tip").removeClass("fixed");
        }
    });