您现在的位置是：网站首页> 编程资料编程资料

用jquery进行修复在iframe下的页面锚点失效问题举例讲解HTML中iframe和frame的区别深入剖析HTML5 内联框架iFrameHTML中iFrame标签的两个用法介绍利用iframe在网页中显示天气附效果截图a标签的target链接指向iframe的方法iframe框架在IE浏览器下将白色背景设为透明色iframe截取网站部分内容实现思路及代码浅谈Iframe网页内部的导航窗口

2021-08-29 1329人已围观

简介 iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，解决方法是用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动

应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。

解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。

遇到问题：获取父窗体元素（因为有域限制，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前iframe页面。

代码：

父窗体页面 index.html

复制代码

代码如下:

dd
ddd

子窗体页面iframe.html

复制代码

代码如下:

a
b
c
d

上一篇：select不支持双击dbclick事件纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

下一篇：html实现随机点名器的示例代码纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢