如何避免 iframe 中的锚点滚动父页面

2024-01-23

所以,问题是:我有一个很长的页面,中间有一个 iframe。现在,如果在 iframe 中单击锚点,整个页面就会滚动到 iframe,这是我想避免的。

这是一个例子:http://jsfiddle.net/ymbV7/1/ http://jsfiddle.net/ymbV7/1/不要向下滚动页面,而是滚动 iframe 直到您可以看到“内容”菜单,然后尝试任何链接(例如“功能”)。

我需要外部页面不滚动,而 iframe 必须正确滚动到单击的锚点。

有任何想法吗?


所以您是说,当单击描述链接详细信息的链接时,您想要移至特定段落,对吗?

据我了解,你可以这样做。

<a href="#exactline">Click here</a>

正如我在中看到的那样,您可以编写功能,而不是单击此处http://jsfiddle.net/ymbV7/1/ http://jsfiddle.net/ymbV7/1/

现在要链接到它应该移动的位置,您需要做的就是:

<h2><a name="exactline">Linking Directly from Features</a></h2>
<p>To override this behaviour, certain standard techniques can be used. In particular, you will need to create named anchors in the body of the text at the point where you want to link to.
</p>

“exactline”是给您要引用的段落或标题的链接名称。

它仅滚动 iframe,而不滚动整个页面。

请参阅此链接以获取更多许可

http://www.thesitewizard.com/html-tutorial/link-to-specific-line-or-paragraph.shtml http://www.thesitewizard.com/html-tutorial/link-to-specific-line-or-paragraph.shtml

我尝试过,它对我有用

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何避免 iframe 中的锚点滚动父页面 的相关文章

  • 使用 VSCode 的 EJS 文件缩进错误

    我在 VSCode 上遇到 EJS 文件问题 每次保存文件时 格式化程序都会应用错误的缩进 在每个 EJS 标识符下方 下一行向右移动 缺少正确的垂直对齐 我使用 ejs 的 HTML 格式并安装了 DigitalBrainstem 的 E
  • 无需重定向的 HTML 页面提交

    有没有什么方法可以在不使用ajax的情况下提交html表单而无需从当前页面重定向 你可以设置一个target 为您form 这样您就可以将表单提交到新选项卡 target blank 或一个小的 隐藏的iframe target nameo
  • 如何使用 HTML 和 CSS 在我的网站上显示社交图标?

    我拼命尝试向我的网站添加一些图标 但无法让它们正确显示 我想要的只是一个包含图像并在线显示它们的容器 然后我想在该容器和图像之间添加一些填充 仅此而已 看这里我的方法 如果有人可以帮助我并纠正我的代码 使其真正有效 我会非常高兴 在我的 H
  • CSS 过滤器在 Firefox 中不起作用

    我正在尝试 CSS 过滤器 但它在我的 Firefox 15 0 浏览器中不起作用 HTML div class google img src https www google com images srpr logo3w png div
  • 在 Tkinter 中使用锚点

    我正在尝试对自动点唱机进行编程 但是我还处于早期阶段 并且在使用时遇到了问题anchor 这是我的代码 from tkinter import from tkinter import messagebox as box def main m
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 如何在 CSS 中将容器内的多个 div 居中

    我正在测试像 Windows Metro 风格的中心分隔线 container height 300px width 70 background EEE margin 10px auto position relative block ba
  • 如何通过单击图像按钮上传新文件

    我有一项任务是通过单击图像按钮上传新文件 我的代码是
  • 停止视频时隐藏 YouTube iframe 中的“更多视频”

    当用户停止视频时 如何隐藏 Youtube iframe 中的 更多视频 部分 例子 我找不到任何解决方案here https developers google com youtube player parameters 如果您安装了 u
  • 使文本背景透明但不使文本本身透明

    所以我遇到了问题 我环顾四周 但没有运气 我想让我的身体背景透明 但让文本不透明 就像现在一样 我继续使两者保持相同的不透明度 这是我的代码 charset utf 8 body font 100 1 4 Verdana Arial Hel
  • IE9 表格布局固定 colspan 不受尊重

    我发现这个主题 我的主题相关但不相同 在 IE9 中的 tds 上使用 cols 和 colspan 进行表格渲染 https stackoverflow com questions 14236408 table rendering wit
  • 如何使用 tablesorter Stickyheaders 小部件 - 不起作用?

    我在尝试将 StickyHeaders 小部件实现为 tablesorter 插件的一部分时遇到问题 我已按照通过 Stackoverflow 和其他网站找到的教程中的说明进行操作 但似乎没有任何效果 这是我的header code
  • 在 CSS 选择器中转义双引号

    我有一个 html 标签 div style background image url div images test jpg gt 我想使用 CSS 选择器来定位这个元素 我尝试了下面的选择器 但它抛出错误 document queryS
  • phonegap 中的 HTML 按钮没有反应

    我有三个 HTML 按钮 当我单击它们时 没有外部发光 并且它们不执行任何操作 我也尝试过对它们进行样式设计 但它们仍保留默认设计 我刚刚使用了普通代码 我只是不知道它们出了什么问题
  • 在 html 中显示表单时使用 table 标签是不是不好的设计?

    我一直听到这样的话div标签应该用于布局目的 而不是table标签 那么这也适用于表单布局吗 我知道表单布局仍然是一个布局 但似乎使用以下命令创建表单布局divs 需要更多html and css 因此 考虑到这一点 表单布局应该使用div
  • 非常基本的 JS 编码,是否有 SoundManager2?

    我想在我的网站上包含一个具有以下属性的音频 可能的视频播放器 必须可通过 div 通过 CSS 设计样式 可以读取所有ID3信息 可以从数据库中提取文件 可能是 GoDaddy 的 Easy Database 无闪光 可转移至智能手机等 我
  • ScrollTop 在 Chrome/Safari 中不起作用

    我的网站上有一个循环内的表单 当有人提交表单时 查询字符串会添加到 URL 中 例如 updated 111 然后 我的 JQuery 脚本检查数字的 url 并在提交表单并重新加载页面后滚动到该 div 该脚本在 Firefox 中运行良
  • html 抓取和 CSS 查询

    以下库的优点和缺点是什么 PHP 简单 HTML DOM 解析器 http simplehtmldom sourceforge net QP http querypath org phpQuery http code google com
  • MP4 视频无法在 Firefox 上播放

    我有一个小型家庭服务器 可以托管多个项目 其中包括一些 MP4 示例视频 我一直在使用一个简单的
  • javascript 中一次仅选中一个复选框

    I have 3复选框 我只想1一次选中的复选框 下面是我的 html 小提琴 JS小提琴 https jsfiddle net n03jLhqa 我想要这个工作在IE8还请建议如何做 这个怎么样 fiddle http jsfiddle

随机推荐

  • 检查用于在 Swift 中编译应用程序的 Xcode/iOS SDK 版本

    假设我正在构建一个 SDK 并且希望它能够在 Xcode 10 和 Xcode 11 上运行 我该怎么做才能使这样的代码也能在 Xcode 10 中编译 var style UIStatusBarStyle default if avail
  • notifyDataSetChanged 在我的活动中不起作用

    在我的代码中 当删除列表视图的行时 列表视图不会改变 我使用adapter notifyDataSetChange 但它不是word 这是我的代码 代码使类的位置不同 CustomList adapter Integer imageId p
  • 如何在 Eclipse 中获取 SWT 和 JFace 的 JavaDoc?

    我是 Eclipse 的新手 不知道如何在编辑时显示 SWT 和 JFace 的 JavaDocs 我该怎么做呢 谢谢 我假设您已经自己下载了这些 jar 并在您的项目中引用了它们 如果是这样 您可以右键单击项目资源管理器中的 jar 在
  • 当方向改变时,视图控制器的 iOS 部分会变黑

    当我在特定方向加载时更改视图控制器方向时 屏幕的一部分在底部变为空白 重现步骤 在视图控制器中有 tableview 我认为没有必要 可以是任何视图 推送一个新的视图控制器 它也有一个表视图 我认为没有必要 可以是任何视图 一种行为 将屏幕
  • 如何获取某些html的所有图像src

    我用这个 string matchString Regex Match sometext
  • 用jquery编写全局动画队列

    使用 jQuery 将一系列动画添加到单个 dom 元素非常简单 jQuery 为我很好地排列了一切 我基本上不需要做任何事情 然而 在多个元素上制作一系列动画 例如 pictureDiv 淡出 然后填充人口统计Div 淡入 要困难得多 我
  • 设备驱动程序未安装在任何设备上,如果 Visual Studio 2019 打算使用原始驱动程序,请使用原始驱动程序?

    我将我的 Visual Studio 从 2017 年升级到 2019 年 似乎他们在最新版本中对 Visual Studio 做了一些奇妙的更改 因为我在 VS 2017 中没有这个问题 甚至编译了你可以在任何地方找到的简单的 hello
  • 关于配置更改和上下文的活动重新创建的说明

    我对 Android 开发还很陌生 我正在寻找有关我面临的问题的解释 以便更深入地了解 Android 我有这段代码 someAutoCompleteTextView setOnFocusChangeListener new OnFocus
  • 使用所选的
  • 填充并更改 div 的内容
  • 我尝试用谷歌搜索它并在 SO 中找到了一些结果 不过讨论的重点和我的不一样 在任何人接受我的问题之前 我想首先明确我真正想从这里得到什么 如下 If this对我来说 用我现在拥有的 代码 实现我需要的东西是一个好方法 我应该从那里修改什么
  • Unique 不适用于具有 NaN 条目的表 - MATLAB

    我有一个table我尝试删除重复的行unique in Matlab 然而 我并不为所有人工作 这个玩具示例说明了我的观点 关于如何删除它们有什么想法吗 AAA table repmat 0122 2 1 repmat 011 2 1 re
  • Spring Boot 2 - AJP

    我在我的 Spring Boot 2 项目中添加了 AJP 连接器 Bean public ServletWebServerFactory servletContainer TomcatServletWebServerFactory tom
  • 嵌入式系统分层通信堆栈的内存管理[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 这个问题涉及嵌入式系统上的编程 我正在嵌入式设备上开发实验性通信堆栈 堆栈从底层通道接收流数据 检测离散数据包 重新组装碎片数据等 每
  • 如何调用未知类型的 JITed LLVM 函数?

    我正在使用 LLVM 实现 JIT 编译器的前端 我首先遵循 LLVM 教程中的 Kaleidscope 示例 我知道如何使用 LLVM C API 生成和 JIT LLVM IR 我还知道如何使用 llvm ExecutionEngine
  • JavaScript 代码合约库?

    我刚刚启动一个新的 Web 应用程序 我想在 JavaScript 中实现某种形式的契约式样式验证 我快速谷歌搜索了一下 发现Js联系方式 http kinsey no blog index php 2010 02 03 jscontrac
  • Ruby 异常的文档

    我是 Ruby 新手 来自 Java 世界 我只想在 Ruby 中复制一个文件 http apidock com ruby FileUtils cp http apidock com ruby FileUtils cp 但是 文档没有说明会
  • Django:链接 filter() 函数会产生与使用多个 kwargs 相同的 SQL 吗?

    在 Django 中 以下两个片段是否会生成相同的底层 SQL 查询 qs MyModel objects filter group 1 type 2 and qs MyModel objects filter group 1 filter
  • 如何使用Python求立方根?

    这是我发现的最好的方法 x int raw input Enter an integer for ans in range 0 abs x 1 if ans 3 abs x break if ans 3 abs x print x is n
  • 在方向改变期间保持服务运行

    在我的应用程序中 我有一个Service它负责管理与外部设备的蓝牙连接 这Service类定期轮询外部蓝牙设备以获取数据 并将最新数据添加到缓存 或可能是 SD 卡 内存中保存的日志中 其中各种Activity我的课程中有一个特别的Acti
  • 考虑缺失值的 Pandas 滚动聚合

    这是我的延伸上一个问题 https stackoverflow com questions 76721661 pandas combining rolling features with group by 在那里我询问了如何将 groupb
  • 如何避免 iframe 中的锚点滚动父页面

    所以 问题是 我有一个很长的页面 中间有一个 iframe 现在 如果在 iframe 中单击锚点 整个页面就会滚动到 iframe 这是我想避免的 这是一个例子 http jsfiddle net ymbV7 1 http jsfiddl