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" width="600"></iframe>
</body>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询