博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe 父子互传消息,父页面滚动,子页面触发父页面高度
阅读量:5101 次
发布时间:2019-06-13

本文共 1545 字,大约阅读时间需要 5 分钟。

https://blog.csdn.net/qq_38366657/article/details/81538145

 

 

// 父页面的js $(window).scroll(function () {                var scrollTop = $(window).scrollTop()                console.log(scrollTop, '1111');                if (scrollTop > 600) {                    //  $("#TopHeader").attr('data-hh', 'ok')                    // 父向子发送消息                    var message = scrollTop;// 'Hello!  The time is: ' + (new Date().getTime()) + "父的滚动" + scrollTop;                    // console.log('blog.local:  sending message:  ' + message);                    //send the message and target URI                    iframe.postMessage(message, domain);                }            });             //弹出一个新窗口            var domain = location.origin;            var iframe = document.getElementById('TopHeader').contentWindow;            //响应事件            window.addEventListener('message', function (event) {                //  if(event.origin !== 'http://davidwalsh.name') return;                console.log('index22222222222:  ' + event.data);                // event.source.postMessage('holla back youngin!',event.origin);            }, false);// 子页面的js//响应事件    window.addEventListener('message', function (event) {        //if(event.origin !== 'http://localhost:11893') return;        console.log('message lister6666666666:  ' + event.data, event);        event.source.postMessage('holla back youngin!6666666666', event.origin);        parent.$("#TopHeader").css("height", event.data+'px');    }, false);

  

转载于:https://www.cnblogs.com/holy-amy/p/10007482.html

你可能感兴趣的文章
数列之和
查看>>
struts2与spring整合问题,访问struts2链接时,spring会负责创建Action
查看>>
CentOS 6.8 编译安装MySQL5.5.32
查看>>
STL 算法罗列 (转)
查看>>
Linux下Hadoop分布式系统配置
查看>>
Kafka的配置文件详细描述
查看>>
【转】设计模式六大原则(1):单一职责原则
查看>>
iOS 绝对值方法
查看>>
linux crontab
查看>>
你应该知道的Linux历史
查看>>
Centos7配置ThinkPHP5.0完整过程(二)
查看>>
自学Python Day1
查看>>
logstash multiline
查看>>
ssh 认证指定端口
查看>>
[译] 在Web API 2 中实现带JSON的Patch请求
查看>>
hdu-1711(hash)
查看>>
Django 输出二维码
查看>>
python plt 如何画不同的数据图
查看>>
AutoTile 自动拼接(四) 学习与实践
查看>>
ES API公约
查看>>