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>
本文来自博客园,作者:蹦极的考拉,转载请注明原文链接:https://www.cnblogs.com/fu7n/p/15595802.html

浙公网安备 33010602011771号