Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >阻止iframe js自动滚动父页面

我们有一个页面,上面有一个嵌入了iframe的视频。

播放器的iframe js代码中包含以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
m.default.focus(function (e) {
          var t = e.playButton;
          (0, y.focusElement) (t)
        })

这基本上使播放按钮在屏幕上可见,如果它还没有出现的话。这对于独立的视频是很好的,但不是在我们嵌入视频的页面上。

它在我们的页面上所做的事情是使整个页面滚动到该内容。

如果可能的话,我们想要防止这种情况发生。

下面是iframe代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="embed-responsive mb-5 embed-responsive-16by9" id="myFrame" style="height: auto;">
    <iframe allowfullscreen="" class="embed-responsive-item" sandbox="allow-scripts allow-downloads-without-user-activation allow-same-origin" src="https://sourcefile.onthesamedomain.com" title="Video"></iframe>
</div>

我们已经尝试在父级上滚动到0,0,但这不起作用。

抱歉,但我忘了补充说,这只是Firefox的一个问题。其他浏览器使用iframe上的属性。

任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

发布于 2019-10-30 13:34:55

iframe内的js的第三方所有者最终提供了修复。没有来回滚动的屏幕,我们不可能做到这一点。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57501524

复制
相关文章
JS 阻止页面滚动
在升级到 ios11.3 系统后,阻止页面滚动的代码 e.preventDefault 代码失效了。
小鑫
2022/02/28
23.1K0
iframe关闭父页面(iframe嵌套https页面)
width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1(显示)0(不显示) id 和其他的html标签id一样 在主页面中通过iframe标签可以引入其他子页面
全栈程序员站长
2022/07/25
6.9K0
vue父页面给iframe子页面传值
在vue父页面有两个个参数 名称和图标,需要把这两个参数传到iframe的地图里面,在地图触发绘点事件的时候,获取到传来的参数并且展示
王小婷
2023/08/11
1.5K0
vue父页面给iframe子页面传值
Vue中iframe调用父页面的方法
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
张苹果
2022/09/22
3.1K0
js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面[通俗易懂]
本来需要点击一个图片后,显示一个iframe上传框.点击上传,从而操作子页面中的点击上传动作,再把值传给父页面.或控制父页面中iframe元素的显示状态.不过.通过upload()函数,可以不用显示上传框了,直接激活子页面中的上传动作.另外,onchange事件则可以自动提交上传,不必用户点击上传按钮了.三步并做一步
全栈程序员站长
2022/11/03
8.5K0
js获取iframe中的内容(iframe内嵌页面)
在父页面中定义函数,再到子页面中调用。 父页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有iframe for(i=0;i
全栈程序员站长
2022/08/01
24.7K0
js获取iframe中的内容(iframe内嵌页面)
iframe 父页面与子页面之间的方法的相互调用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Parent Page</title> <script language="javascript" type="text/j
山河木马
2019/03/05
3.1K0
js滚动到页面顶部
我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。
用户1349575
2021/12/28
14.3K0
js滚动到页面顶部
js平滑滚动到顶部,底部,指定地方 采用锚点进行页面中的跳转的确很方便,但是要想增加网页的效果,可以使用jquery中的animate,实现滚动的一个动作,慢慢的滚动到你想跳转到的位置 滚动到顶部:
IT工作者
2022/01/15
13.3K0
js判断本页面被 iframe 嵌套
蓓蕾心晴
2023/05/31
3.5K0
【JS】JS/JQ iframe与父级之间相互通讯
JS在iframe中获取父窗口的元素 window.parent.document.getElementById("id").innerText = "string"; jquery在父窗口中获取iframe中的元素 //调用子frame中的元素; $("#iframeMain").contents().find("#id").click(); //调用子frame中的方法; $("#iframeMain")[0].contentWindow.FunctionName(); jquery在iframe中获
Ning@
2021/11/10
3.3K0
iframe 滚动条
在调用框架或者多级 iframe 的时候,经常会出现多个滚动条或者左右都有的情况,需要我们进行调整,现就设置方法记录如下。
zucchiniy
2019/10/30
4.4K0
summernote toolbar 跟随页面自动滚动
summernote 是一个功能非常强大的 web 编辑器,可以应用到各种场景下。最近在 Meteor 中做了一个小功能,就是实现 summernote 的 toolbar 跟随页面滚动的效果。这样即使文章内容很长,要插入一个图片或者使用其他特殊标签的时候,不必滚动页面到最上方去找 toolbar 了。
我与梦想有个约会
2023/10/20
2760
插件集--页面滚动scrollreveal.js
scrollReveal.js 不依赖其他任何文件。不支持 IE10 以下 基本方法
余生
2018/10/15
4K0
网站页面滚动加载动画JS特效
终于尘埃落定了,前段时间忙的不可开交,结婚,工作,因为婚假+年假一起休的,导致很长时间没有更新博客了,今天抽空给大家带来了一个js特效,网站模块延迟加载的动画,假期之前就想着制作这个功能,页面滚动加载,看着很舒适,结果直到今天才算弄完。教程也是网上找的,我测试了好多个,还是感觉这个比较好。有兴趣的朋友可以测试下。
李洋博客
2021/06/15
11.4K0
子元素滚动,父元素不滚动
这个是为了处理在bootstrap框架中的iframe 滚动条的问题,查找到的解决方案
solate
2019/07/22
4K0
网站页面滚动加载动画JS特效(二)
昨天发布了网站页面滚动加载动画JS特效,但是加载的页面并不怎么完美,文章页面不能直接加载出来,需要滚动条继续下来,可能是没有调节js导致的,所以今天又重新测试了wow.js,感觉这个不错,很喜欢,有兴趣的可以测试下。页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面(查看)。如果你希望你的页面也更加有趣,那么你可以试试 WOW.js。
李洋博客
2021/06/15
7.4K0
cssjshtml vue.js 页面滚动位置控制
页面跳转时页面展示在 y轴100px的位置。 const router = new VueRouter({ routes, mode: 'history', scrollBehavior(to,from,savedPosition){ return{x:0,y:100} } }) 页面跳转时展示在 第一个clas btn元素的位置。 const router = new VueRouter({ routes, mode: 'history', scrollBehavior
葫芦
2019/04/17
3.1K0
WOW.js – 让页面滚动更有趣
WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。由于使用了CSS3动画,所以一些老旧的浏览器是不支持的。为了兼容,可以增加浏览器判断。
青年码农
2021/08/18
3.5K0
[Selenium+Chrome使用总结]加载Flash、禁用JS脚本、滚动页面至元素、缩放页面
前几周做了个使用Selenium的项目,踩了好多好多好多的Selenium的坑,越来越感觉他作为一个第三方库,对于Chrome的操作实在是有局限。另外,推荐大家一个Selenium之外的操作浏览器的选择:puppeteer(https://github.com/GoogleChrome/puppeteer),是来自谷歌的库。它解决了很多在Selenium里很难解决的问题,比如手机页面截全屏。
Rude3Knife的公众号
2019/08/06
6.6K0
[Selenium+Chrome使用总结]加载Flash、禁用JS脚本、滚动页面至元素、缩放页面

相似问题

阻止父页面向下滚动到iframe

21

阻止iframe重定向父页面

41

是否停止Iframe阻止父文档滚动?

55

如何同时滚动iframe和父页面?

213

如何阻止Wordpress页面跳转/滚动到iframe?

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文