• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 用jquery进行修复在iframe下的页面锚点失效问题

用jquery进行修复在iframe下的页面锚点失效问题

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含iframe,锚点失效等相关知识,佚名 希望在学习及工作中可以帮助到您
应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。

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

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

代码:

父窗体页面 index.html

您可能想查找下面的文章:

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

相关文章

  • 2017-08-05meta viewport使网页在iPhone中满屏显示控制
  • 2017-08-05关于html水平垂直居中的问题小结
  • 2017-08-05Html+CSS浮动的广告条实现分解
  • 2017-08-05HTML的复用技巧
  • 2017-08-05W3C教程(13):W3C WSDL 活动
  • 2017-09-04HTML标签语义化,让网页更好地被搜索引擎理解
  • 2017-08-05利用HTML、CSS 实现带表情的评论框的制作教程
  • 2017-08-05src或者css背景图的url值为base64编码代码
  • 2017-08-05h5输入框提示语 + 正常文本框提示语的实现方法
  • 2017-08-05Form提交表单页面刷新不跳转

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 链接中的href=#是什么意思呢
    • HTML的复用技巧
    • 如何弹出QQ临时对话框实现不添加好友在线交谈效果
    • HTML DOCTYPE的缩写
    • Div的一些设置关于边框和透明度的
    • 为什么使用DOCTYPE HTML
    • 如何实现textarea中获取动态剩余字数的方法
    • Html技巧 语义化你的代码
    • HTML超出文本多行截取实现原理及代码
    • iframe框架在IE浏览器下将白色背景设为透明色

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有