js监控iframe点击事件 并滚动到对应位置
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js监控iframe点击事件 并滚动到对应位置相关的知识,希望对你有一定的参考价值。
<iframe src="http://www.baidu.com/web/liuyan" id="ifrm" onload="loadFrame(this)" frameborder="0" scrolling="no" width="71%" height="1500"></iframe> <script type="text/javascript"> function loadFrame(obj){ $(‘html, body‘).animate({ scrollTop: $("#ifrm").offset().top }, 1); } window.addEventListener(‘message‘,function(e){ alert(e.data); },false); </script>
对应的iframe页面
<div id="dianjiwo">点击我测试</div> <script> $(function(){ //iframe嵌套发送父页面参数 $("#dianjiwo").click(function(){ window.parent.postMessage(1,‘*‘); }); }) </script>
以上是关于js监控iframe点击事件 并滚动到对应位置的主要内容,如果未能解决你的问题,请参考以下文章