文章/答案/技术大牛

发布

社区首页 >问答首页 >防止iframe滚动捕捉youtube上的iframe嵌入到铬上

问防止iframe滚动捕捉youtube上的iframe嵌入到铬上
EN

Stack Overflow用户

提问于 2018-12-30 00:18:40

回答 5查看 7.5K关注 0票数 5

我有一个标准的youtube嵌入了一个随机视频的iframe：

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/ixJ5NbvXg_A" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>

我重复了几次，得到一些滚动溢出。

<html>
<head></head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Mm2eYfj0SgA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</body></html>

当我在本地主机上使用django服务器提供此服务时，iframes将阻止页面滚动。

当您移动光标在视频上，然后使用鼠标轮滚动，它不工作。

真正有趣的是，当我粘贴相同的代码并将其保存到桌面上的本地文件时。然后用chrome打开它，滚动器可以在youtube视频上工作。

我签入了开发工具，所提供的文件具有完全相同的HTML。没有100%的CSS或Javascript服务，没有模板，什么都没有。这两种情况下都只有一个简单的html文件。

版本71.0.3578.98 (正式构建)(64位)

javascript

html

iframe

youtube

youtube-api

回答 5

Stack Overflow用户

回答已采纳

发布于 2019-02-04 09:44:25

我的特别问题是Chrome中的一个bug。如果我重新启动浏览器，它就会解决。

票数 1

Stack Overflow用户

发布于 2019-01-10 18:38:01

试试这个，最后一个答复- https://github.com/alvarotrigo/fullPage.js/issues/2229

票数 1

Stack Overflow用户

发布于 2019-01-04 15:51:32

您可以尝试更改body的css，例如

body{
    overflow: auto;
}

票数 0

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

原文链接：

https://stackoverflow.com/questions/53974357

复制

相似问题

问防止iframe滚动捕捉youtube上的iframe嵌入到铬上
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止iframe滚动捕捉youtube上的iframe嵌入到铬上EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止iframe滚动捕捉youtube上的iframe嵌入到铬上
EN