刷新iframe后,浏览器滚动条的位置置顶

最新推荐文章于 2024-08-30 12:00:00 发布
原创 最新推荐文章于 2024-08-30 12:00:00 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文介绍了一种在点击IFrame中的链接后，使新页面显示在特定文本框位置的方法。通过使用JavaScript调整元素的焦点及可见性，实现页面加载时的定位功能。

function s(){
document.getElementByIdx_x("TextBox2").focus();
//document.getElementByIdx_x("TextBox2").style.display="none";
}
然后在顶部加个text框,
<input type="text" id="TextBox21" name="TextBox2" size="1"  style="border:none">

那样翻页后显示的是从TEXT框中的位置开始的

这种情况只在点击iframe里网页的链接，新打开页面默认显示是点击时的位置，用了这个办法后可以让他显示上面部分，document.getElementByIdx_x("TextBox2").style.display="none";
这句话不要，因为你要点击多次，所以让text隐藏后这个方法就不管用了

【测试】UI自动化测试
专注大前端
01-22 832
使用工具和代码执行用例。
iframe页面滚动条置顶
大泽的博客
01-12 2652
页面滚动条置顶的几种方法： 一、使用animate方法 $("html,body",window.parent.document).animate({scrollTop:0},1000);//可置顶父窗口，但是不适应用于跨域； 二、使用scroll window.parent.scrollTo(0, 0); //可置顶父窗口，但是不适应用于跨域； 三、使用focus方法 //可置
页面滚动条 刷新后 保持在原来的位置
关注java，学习java编程技术及技巧，孜孜不倦...
03-25 2736
场景： 上图两个jsp页面 prOJECTYEARPLANSUMMARYList.jsp prOJECTYEARPLANSUMMARYSelectListNoPage.jsp list.jsp 里面有个iframe    包含 selectListNoPage.jsp的   >>>滚动条是在 nopage.jsp页面上 操作：当修改记录表中的一条
前端vue3-手动设置滚动条位置/自动定位
qq_42980244的博客
03-14 5642
第一，需要等待数据渲染完成后，再调用scrollTop，设置scrollTop=1000，这样页面初始化滚动条位置会改变。从B页面进行xx操作后需要跳转到A页面，并定位到AA职位，上图为A页面。A页面的左侧是div，内层包裹List组件。完整的scrollTop方法如下。第二，找到当前职位的高度，也要。等职位列表数据渲染完成后，获取。
vue滚动到指定位置
qq_43610311的博客
11-14 1145
前端滚动到指定位置
前端性能优化----yahoo前端性能团队总结的35条黄金定律
qq_40468470的博客
06-28 730
除了自己总结：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图)从yahoo 新学到的： 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等)。减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧。 捆绑文件: 现在有很多现成的库可以帮你将多个脚本文件捆绑成一
网页开发常用JS/VBS实用代码合集
“滚动条控制”包括隐藏滚动条但保留滚动功能、平滑滚动、监听滚动事件触发动画等，直接影响视觉呈现质量。“图片链接虚线去除”解决的是早期IE下聚焦时出现的默认轮廓问题，现可通过CSS outline:none 更优雅地处理...
文档画中画之跨页面播放队列
最新发布
bilibili_TC的博客
08-30 1556
2023年8月中旬文档画中画特性跟随chrome116版本发布，基于该功能特性，我们于2023年10月中旬启动了B站跨页面播放队列功能的开发与功能灰度，并于2024年6月中旬完成了灰度全量。
仿Q-ZONE风格个性化VIP日记本系统
这类设计依赖于绝对定位（position: absolute）的CSS布局技术，将挂件固定在浏览器视窗的指定坐标上，即使页面滚动也不会改变其相对位置，从而营造出悬浮式视觉效果。此外，挂件资源一般存储在服务器指定目录中，...
多个iframe，显示其中一个frame中的div，并处于最上层显示
10-25
多个iframe，显示其中一个frame中的div，并处于最上层显示 并且页面中的填写的值，可以传到弹出的div页面中 最近一段时间在做这个东西，给大家分享一下 附带测试代码 js弹出div层
html iframe隐藏滚动,页面中的iframe隐藏再显示后的滚动异常
weixin_33739480的博客
06-07 320
我先把页面中的iframe往下滚动一段距离，再隐藏再显示，再往下滚动，页面会猛地回到顶部。chrome下异常，firefox和edge没问题......代码大概就是下面这样index.htmlDocumenthtml, body, .iframe-container {width: 100%;height: 100%;overflow: hidden;}var show = true;functi...
js设置iframe滚动条的位置
热门推荐
u010403387的专栏
04-16 1万+
script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script>  $(document).ready(function(){ $("button").click(function(){   $(window.frames["iframe1"].document).scrollTop("10");   }); })
js代码：实现主页面滚动条随iframe里的内容自动调整
weixin_33766168的博客
07-24 289
由于网页中使用到了iframe，如果iframe中的内容超过主页面的范围后，在iframe的四周会出现滚动条，这样和主页面很不协调，所以在网上找了很久，终于找到一段代码可以解决这个问题，代码如下： 这段代码放在<head></head>之间： <script language="Javascript">var getFFVersion=...
html中嵌套iframe，在iframe内部操作，使其滚动到外层html的顶部
Alisane的博客
10-18 1160
$("html,body",window.parent.document).animate({scrollTop:0},1000);//可置顶父窗口，但是不适应用于跨域；
iframe中，页面转换后回到页面的顶部
ailv8451的博客
03-15 797
看到网上有这样描述的： 　　现在A页面内分为上下两个部分，上部分是top，下部分分左右，左是treeview右边是iframe，iframe内嵌一个B页面，B页面的内容实质上是个月刊，可以理解为杂志，里面有很多转向到其他页面的连接，问题来了。 如果现在我浏览A页面很长，浏览器滚动条在中间，当我点击B页面的某个连接时，iframe内的页面变了，但是A页面整体无变化，这时滚动条还是在中间的...
点击右侧导航栏，实现iframe嵌入子页面中div，滑动到最上面
weixin_33754913的博客
12-21 501
2019独角兽企业重金招聘Python工程师标准>>> ...
完全搞定iframe（框架）里的滚动条
YQRQR的博客
08-10 2944
iframe初始滚动条位置: <iframe id="aa" name="aa" src=" http://news.163.com"></iframe> <script> document.getElementById("aa").document.body.scrollTop = "500"; </script> 滚动条始终在最下端: window.onload=function (){ doc
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值