jquery判断iframe元素是不是在可视范围如果不是则滑动到可视区域
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery判断iframe元素是不是在可视范围如果不是则滑动到可视区域相关的知识，希望对你有一定的参考价值。
jquery判断iframe元素是否在可视范围如果不是则滑动到可视区域
<script src="jquery.js"> </script><script>
$("document").ready(function()
$("#scroll").click(function()
var y=$("#myIframe").offset().top;
var x=$("#myIframe").offset().left;
var clientWidth=document.body.clientWidth;
var clientHeight=document.body.clientHeight;
if(y>clientHeight)
alert("看不见?往下冲!")
$("html,body").animate(scrollTop:y,1000);
else
alert("看得见?我就不动了!")
)
)
</script>
<style>
body
height:1200px;
#myIframe
position:absolute;
top:800px;
left:200px;
</style>
<body>
<button id="scroll">我要看iframe</button>
<iframe id ="myIframe" ></iframe>
</body> 参考技术A 计算它的left,top坐标不就行了？
jQuery 怎么判断DIV出现在可视区域
直接上代码：
$(window).scroll(function () { var oT = document.getElementById("myDiv").offsetTop; if (oT >= $(window).scrollTop() && oT < ($(window).scrollTop() + $(window).height())) { console.log("div出现在可视范围"); } });
其中 .offsetTop 是原生写法，也可以用jQuery的写法 $(element).offset().Top()
此代码适用于 Html5网站往下滑动时 逐渐显示的 CSS3 animate 动画效果
以上是关于jquery判断iframe元素是不是在可视范围如果不是则滑动到可视区域的主要内容，如果未能解决你的问题，请参考以下文章
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法