天天看點

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>