iframe scroll 滚动条置顶

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

#scroll #iframe #function

本文介绍了一种使用JavaScript来实现网页中滚动条位置复位的方法。通过调用window对象的scrollTo方法，可以将页面的滚动条位置设置为顶部，从而改善用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

是参考人家的文章 ， 然后整理了一下 http://www.hdzhu.com/work.asp?hid=1546

js中写入

function gundongtiao()
{
 window.parent.scrollTo(0, 0);
 window.parent.parent.scroll(0, 0);
}

 

然在页面中onload加载就行了

iframe隐藏scrollbar并且还能够继续滚动
xo19882011的专栏
05-02 1701
frame 有个属性 scrolling，直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢，那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div，然后 overflow 设置成隐藏。查了好久的文档，太累了，目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码，基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。
网页局部div随滚动条置顶滚动
12-18
网页局部div随滚动条置顶滚动是一种常见的网页交互设计，常用于新闻网站、电商页面或者任何需要突出显示特定内容的场景。这种效果使得用户在滚动页面时，某个div元素（通常包含重要信息或导航）始终保持在视口顶部，...
使用iframe window的scroll方法控制iframe页面滚动
09-04
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法，大家可以参考下面的示例
iframe页面滚动条置顶
大泽的博客
01-12 2612
页面滚动条置顶的几种方法： 一、使用animate方法 $("html,body",window.parent.document).animate({scrollTop:0},1000);//可置顶父窗口，但是不适应用于跨域； 二、使用scroll window.parent.scrollTo(0, 0); //可置顶父窗口，但是不适应用于跨域； 三、使用focus方法 //可置
iframe滚动条置顶
weixin_30335575的博客
05-06 104
window.parent.scrollTo(0, 0); 转载于:https://www.cnblogs.com/qzg3362/p/8999300.html
css 设置overflow:scroll 滚动条的样式
01-19
css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-...
在iframe中隐藏横向滚动条的方法大全
10-31
### 在iframe中隐藏横向滚动条的方法大全 #### 概述 在网页开发中，经常会用到`<iframe>`标签来嵌入其他页面或内容。然而，有时候这些嵌入的内容可能会导致横向滚动条出现，影响用户体验及整体美观度。本文将详细...
html iframe随页面滚动,使用iframe window的scroll方法控制iframe页面滚动
weixin_42393362的博客
06-04 1094
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法：1、获取iframe的窗口对象var iwin = document.getElementById('iframe1').contentWindow;2 、获取iframe的窗口document对象var doc = iwin.document;3、调用iframe window对象的scroll方法...
ios中iframe的scroll滚动事件替代方法
weixin_30555125的博客
03-16 244
在公众号的开发中，遇到ios中iframe的scroll滚动事件失效，在此做下记录。 因为接口获取的数据必须放在iframe中展示，滚动到底部按钮变亮，如图： 代码如下： <!DOCTYPE html> <html> <head> <title>贷款合同</title> <% include ....
关于iframe或document监听滑动(scroll)失败的问题
子燕若水的博客
12-04 5154
出现了这个问题我们总是把时间花在分析为什么iframe这个element不能滑动?该怎么设置? 其实iframe监听滑动如果出了问题,首先该分析的是里面的document到底能不能滑动. -------------------------------------------------------------------------------------------------------------------------- iframe监听滑动本身其实很简单,只需要iframe的contentW
selenium---操作iframe中的滚动条
测试-安静
10-12 246
前言 　　在做web自动化时候，可能会需要用到滑动滚动条的操作，前面安静介绍了通过JS操作一般的滚动条，那么如果滚动条在iframe中呢？这个时候应该怎么操作呢？ 编写iframe实例 安静这里写了一个将百度页面代码放入到单独的一个页面中，然后通过另一个html通过iframe的方式进行调用百度的html。 再编写一个html的方式用来调用baidu.html。其中src后面的路径表示我们的...
前端面试之如何获取一个iframe的scrollTop
weixin_33883178的博客
10-15 896
前端面试之如何获取一个iframe的scrollTop我的脚本正在运行在iframe本身,父窗口在另一个域,所以我无法访问iframe的ID或任何类似的本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。 对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理...
js设置滚动条位置
weixin_30877227的博客
02-02 569
JS控制滚动条的位置： window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight); JS控制TextArea滚动条自动滚动到最下部 document.getElementById('textarea').scroll...
scrollIntoView和scrollTo方法实现滚动到指定元素的位置
最新发布
this__valve的博客
05-15 991
scrollIntoView和scrollTo
刷新iframe后,浏览器滚动条的位置置顶
十年回首，一纸感动!
11-06 1575
function s(){document.getElementByIdx_x("TextBox2").focus();//document.getElementByIdx_x("TextBox2").style.display="none";}然后在顶部加个text框,&lt;input type="text" id="TextBox21" name="TextBox2" s
iframe中，页面转换后回到页面的顶部
ailv8451的博客
03-15 788
看到网上有这样描述的： 　　现在A页面内分为上下两个部分，上部分是top，下部分分左右，左是treeview右边是iframe，iframe内嵌一个B页面，B页面的内容实质上是个月刊，可以理解为杂志，里面有很多转向到其他页面的连接，问题来了。 如果现在我浏览A页面很长，浏览器滚动条在中间，当我点击B页面的某个连接时，iframe内的页面变了，但是A页面整体无变化，这时滚动条还是在中间的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值