iframe通过锚点控制父页面的位置

caiceclb caiceclb 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 387平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄20年
关注
原创 最新推荐文章于 2026-03-02 00:22:51 发布 387 阅读 AI 写同款· GEO 优化 ›

比较鸡肋的东东，不过还是碰见了，记下来
iframe通过锚点控制父页面的位置,答案就是在iframe中的子页面中加上代码(top是父级页面的锚点名称)：

 

 

<body onload="parent.location.hash='top'">
 

 

来源于：http://www.lslnet.com/linux/dosc1/48/linux-327672.htm

收录于
随笔

当前文章被收录于：

随笔
14 篇文章 0 人学习
订阅专栏 查看详情
标签
#Linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
使用jQuery设置iframe滚动条位置 在上面的代码中，我们创建了一个具有"id"为"iframe-container"的div容器，并在其中嵌套了一个"id"为"my-iframe"的iframe元素。iframe元素的源地址（src）被设置为"https://example.com"，你可以将其替换为你想要加载的网页地址。如果我们想要在特定的位置显示滚动条，我们可以使用jQuery来实现。通过使用上述代码，你可以轻松地控制iframe的滚动条在特定位置显示。最后，当你的网页加载时，它将在指定位置显示iframe的滚动条。来设置滚动条的位置。 阅读详情

相关推荐

LPDDR5时序精调：深入解析Read Gate Training的两种模式

本文深入解析了LPDDR5内存中关键的Read Gate Training技术，详细对比了RDQS Toggle Mode（翻转模式）与Enhanced RDQS Mode（增强模式）的工作原理、时序参数及适用场景。文章阐述了在高速数据传输下精准校准时序的必要性，并提供了两种模式的实战选型指南与系统级调试思路，帮助工程师优化内存性能与稳定性。

weixin_29219189的博客 369

解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题

解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题

hexianfan的博客 380

MaxEnt软件的下载与安装

1、下载网站：http://lucky-boy.ys168.com/ （这是之前在网上搜到的，里面有许多软件安装包，感谢网页主的资源共享，违权必删）

weixin_42191203的博客 2万+

js jquery IFrame父子页面处理 以及锚点 理解

parent.frames["frameName"].window.functionName(); frameName:IFrame的ID; funtionName:子页面中JS方法名; var obj = parent.frames["frameName"].window; 在父页面访问子页面中某个控件如:obj.document.getElementById('clientID...

wangzhantao的专栏 612

OpenCV和Halcon分别实现彩色图像的白平衡效果

实现白平衡算法中的灰度世界法，能有效改善图像发红/发蓝/发绿的现象 1、OpenCV #include <opencv2/opencv.hpp> using namespace cv; int main() { Mat g_srcImage,dstImage; vector<Mat> g_vChannels; g_srcImage = im...

$firecat利白的代码足迹$ 2829

Camera tuning flow相机调试流程

相机调试流程分为三大模块：ProcessRaw处理原始数据（黑电平校正、阴影校正），3A实现自动控制（曝光/对焦/白平衡），ISP进行图像精加工（伽马校正、锐化降噪、色彩处理）。三个阶段环环相扣，前阶段为后阶段提供基础，最终输出画质优良且风格化的图像。

weixin_64706696的博客 1230

父页面操作iframe中子页面的锚点

父页面： a.html a b 子页面：xibei.html AAAAAAAAAAAAAAAAAAAAAAAAAAA a a a a a a a a BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB a a a

Mchange的专栏 1918

环境仿真软件：EcoPath with Ecosim_（4）.Ecosim模型动态模拟

Ecosim 是 EcoPath with Ecosim (EwE) 软件中的动态模拟模块，用于模拟生态系统中各个组分的动态变化过程。Ecosim 模型通过时间序列数据和动态参数，可以预测生态系统在不同管理措施下的响应。时间序列数据的输入：用户可以输入历史数据，如捕捞努力、生物量、环境因子等，用于校准模型。动态参数的设置：用户可以设置被捕食率、生长率、捕捞死亡率等动态参数，以反映生态系统的变化。模拟结果的分析。

kkchenjj的博客 894

jquery 操作iframe的几种方法总结

jquery 操作iframe的几种方法总结 iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFR...

aliao9583的博客 609

晶闸管选型参数，结构原理，工艺与注意问题总结

闸管（Thyristor）是一种半导体开关器件，也被称为可控硅整流器（SCR, Silicon Controlled Rectifier）。它可以在高电压和大电流条件下工作，常被用于交流电的控制和整流。本文对晶闸管的工作原理，结构特点，工艺流程，选型参数及设计注意事项进行总结。

fydar的博客 1286

使用自制的NTC测量模块测试Plecs的热仿真效果

可以测试：您完全可以用这个模型来测试热仿真。NTC 模型是连接电气域和热域的关键桥梁。实现闭环：通过这种方式，您创建了一个高度真实的正反馈闭环系统：负载增加 -> 损耗增加 -> 温度升高 -> NTC 阻值变化 -> 控制电路可能因此调整（如降低频率或电流）-> 损耗变化 -> 温度变化。应用场景：这对于设计过温保护 (OTP) 电路风扇控制系统以及分析热失控条件非常有用。单位：确保热域中使用的单位（ Kelvin 或 Celsius ）与您的 C-Script 模型输入期望的单位一致。

311

为Typora添加众多小功能(文档间锚点，文档间跳转返回，突破Typora的iframe登录限制)

应用场景 使用Typora记录笔记的时候虽然支持页间跳转,但是不支持文档之间的跳转,很不方便。所以,我自己为Typora添加一点小功能,毕竟这是个伪装成Markdown编辑器的浏览器。/ 实现方式 起跳节点: <!--使用a标签,name为jump,#跟随锚点--> <a name="jump" href="./2.md#test">testJump</a> 锚点节点: <!--name和锚点一致--> <span name="test" >he

qq_41259552的博客 4186

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

html页面下拉条位置,iframe滚动条位置控制

javascript中如可控制iframe的滚动条位置我做了一个聊天室，嵌套了两个iframe，一个name叫mainframe,用来显示聊滚动条始终在最下端: window.onload=function (){ document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.do...

weixin_39968592的博客 1446

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

iframe-resizer滚动同步技术：实现iframe与父页面完美滚动

在现代Web开发中，iframe滚动同步是一个常见的技术难题。iframe-resizer库通过先进的滚动同步技术，让iframe与父页面实现完美的滚动体验。这个开源项目能够智能地同步iframe内部内容与父页面的滚动行为，为用户提供流畅的交互体验。 ## 🔍 什么是iframe滚动同步？ iframe滚动同步是指当用户在iframe内部滚动时，父页面能够相应地滚动，反之亦然。传统的ifra

gitblog_07655的博客 471

android 蓝牙通讯demo

android 下蓝牙通讯demo，实现了发现蓝牙，使能蓝牙，通过蓝牙发送消息。

iframe子页面控制父页面滚动高度

iframe子页面控制父页面滚动高度 代码：$(document).ready(function() { window.top.document.documentElement.scrollTop = "0"; window.top.document.body.scrollTop = "0"; })

菜言堂的博客 596

利用jQuery srollTop()函数实现类似锚点的定位效果-兼容chrome,firefox,IE,safari

如题。          在网页开发的过程中，锚点可以实现页面快速定位。          《1》          常见的情况，是同一个页面内导航和锚点的配合，但是跳转时是直接切换，效果生硬。          《2》           不同页面间的跳转，涉及到跳转后定位到设定的页面的锚点，可以使用URL传参实现。具体实现方法如下：           在导航栏中设定好跳转到的页面

Love.Hope.Faith 5489

父页面给iframe的操作

parent.frames["frameName"].window.functionName(); frameName:IFrame的ID; funtionName:子页面中JS方法名; var obj = parent.frames["frameName"].window; 在父页面访问子页面中某个控件如:obj.document.getElementById('cl

请叫我 795

iframe父子页面传参

前言： 在实际开发过程中：会使用iframe嵌套其他页面，并且会有参数传递，以下为完成例子（ 本人项目案例：通过子页面事件触发，改变父页面的页面状态） 父页面： <!DOCTYPE html> <html> <head> <title>父页面</title> </head> <body> <div c...

日常笔记/总结/系列知识梳理 7527

框架Iframe指定网页位置嵌套代码

插入嵌入页的关键代码是 vspace=-200> 　　http://www.hao123.com是被嵌入的页面文件名，这个页可不能忘记上传，标签的作用相当于在网页的指定位置开了一个窗口，窗口的宽度就是“width"的值，窗口的高度就是“height"的值，一般情况下应与所在单元格的大小一致。标签还有一些可用的参数设置如下：  　　marginwidth:网页中内容在表格右侧的预留宽度

xb5186的专栏 4578

页面加载后自动滚动到iframe位置的解决方案

然而，不少开发者在使用iframe时遇到了一个棘手的问题：页面加载后自动滚动到位于底部的iframe位置。当用户访问包含iframe的网页时，页面加载完成后，浏览器会自动滚动到iframe所在的位置。通过上述分析和解决方案，相信开发者可以有效地解决页面加载后自动滚动到iframe位置的问题，提升用户的浏览体验。将iframe的加载延迟到页面初始渲染完成后，这样可以避免iframe加载影响初始页面布局的计算。：通过JavaScript拦截滚动行为，确保页面在iframe加载后保持原有的滚动位置。

污斑兔的博客。 1545

html iframe随页面滚动,使用iframe window的scroll方法控制iframe页面滚动

在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法：1、获取iframe的窗口对象var iwin = document.getElementById('iframe1').contentWindow;2 、获取iframe的窗口document对象var doc = iwin.document;3、调用iframe window对象的scroll方法...

weixin_42393362的博客 1199

iframe子页面控制父页面滚动高度，直接蹦到父页面开头

zepto调用父页面窗口元素的scrollTop()方法会报错，貌似是scrollTop函数中有个scrollTo()方法用到this，指向错误。 经检查， 　　原生js控制父页面滚动，只能写数字，不能带单位，否则不认识，设置为0： 　　window.top.document.documentElement.scrollTop = "100"; 　　window.top.docu...

weixin_30924087的博客 313

将iframe中的div在浏览器窗口中定位

做项目的时候有一个页面，其上方是总的菜单切换tab，下方是用iframe嵌套的子页面，这个子页面上方是一个多标签的菜单，下方是每个标签对应的内容，每块内容以表格的形式呈现。该页面主要的功能是，点击标签，页面滚动到相应的内容块。就是锚点定位。锚点定位实现的思路很简单，给每个标签添加onclick...

1393

iframe 监听滚动事件并滚动到指定位置

监听滚动事件 1、首先获取到iframe的window对象 js 获取iframe的window对象 var frameWidow = document.getElementById('iframeId').contentWindow; jq 获取iframe的window对象 var frameWidow = $("#iframeId")[0].contentWindow; 2、添加事件监听 js 监听 //监听 frameWidow.onscroll = functi...

卿本无忧的博客 1万+
上一篇： 持久化框架EclipseLink的一些学习资料（英文）
下一篇： IE和火狐中关于禁止选取文本
点赞 0
评论 0
书签 书签 0
caiceclb
caiceclb
博客等级 码龄20年 4粉丝 18原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值