jq判断某个元素刚出现就要处理其他元素

jq判断某个元素刚出现就要处理其他元素。例如右侧有个想要固定的slide,当滚动到底部某个元素的时候,固定的slide就变成相对布局了。

如果想用以下的代码,要加入jquery框架。

html:

1 <div class="link">
2     
3 </div>
4 <div class="links">
5     
6 </div>

jq:

$(window).scroll(function () {
    console.log("上翻的高度"+$(document).scrollTop())
    console.log("可视区域"+$(window).height());
    console.log("links卷"+$('.links').offset().top)
    console.log($(window).height()+pageYOffset)
//以下是重要的代码,上面的代码应用代码的时候可删除。
    if($(window).height()+$(document).scrollTop()>=$('.links').offset().top){
        console.log("links元素已经出现了");
//这里可以书写处理的代码片段。
    }

css:

<style type="text/css">
*{padding: 0;margin: 0;box-sizing: border-box;}
body{height: 5000px;}
.link{height: 580px;}
.links{border: 1px solid #0000FF;}
</style>

 

posted @ 2021-11-23 22:25  蹦极的考拉  阅读(59)  评论(0)    收藏  举报