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>