摘要:
需求场景:父页面A 包含有iframe页面B,页面B内容很长,浏览器一两屏不能显示全,需要滚动显示。当浏览器滚动的时候,iframe B页面中的某一内容不能需要固定在窗口的某一位置。如下图中的 回到顶部按钮。解决思路:iframe子页面初始化时重新定义top窗口的onscroll事件函数onscroll事件函数中获取相关父页面的clientHeight等参数,根据clientHeight及scrollTop的值重新设置 需要固定显示的div的top、left值。简单实现:iframe 页面内的相关代码如下:setWindowScrollTop 中高度加100是父页面与iframe B页面顶部的 阅读全文
摘要:
需求场景:父页面A 包含有iframe页面B,页面B内容很长,浏览器一两屏不能显示全。B页面相关内容在网页最前端有目录连接list1, list2, 点击list1或者list2浏览器向下滚动到content1或者content2处。即需要在同页面中使用锚点连接机制解决思路:iframe子页面中的目录连接点击之后将相关高度传给top窗口由top窗口更改document的scrollTop属性,实现页面滚动到响应位置实现:iframe 页面内的相关代码如下:setWindowScrollTop 中高度加100是父页面与iframe B页面顶部的间距<ul><li>< 阅读全文