YouTube 中的滚动 div 导致 Chrome 中出现奇怪的故障

发布于 2024-11-27 03:57:51 字数 480 浏览 0 评论 0原文

所以,这是一个奇怪的故障,我无法用语言来描述。不过我会尝试的。

现在有一个用于使用 Youtube 播放器 API 的 youtube 对象,该对象位于具有滚动功能的 div 之上。这两个元素位于不同的 div 中,并且没有以任何方式连接。滚动 div 中的 youtube 是标准的 iframe 播放器。当我向上滚动时,iframe 似乎向上滚动并向右滚动到对象中,显示对象后面的任何内容(在本例中是背景图像),尽管事实上两者都在自己的单独 div 中并且不是重叠。

我通过从对象中删除 -type="application/x-shockwave-flash"- 来“修复”了这个问题,但是这样做意味着我无法使用 youtube api 触发事件。

这个错误只发生在Google Chrome中,我在IE和Firefox中都使用过这个,并且它不会导致这个奇怪的相交问题。客户端需要它才能在 Chrome 中工作。

非常感谢您抽出宝贵的时间,

-Supreme

So, this is a wierd glitch I can't really put into words to describe. However I will try.

Right now there's a youtube object for use of the Youtube player API that is above a div that has scrolling. These two elements are in different divs and are not connected in any way. The youtube in the scrolling div is a standard iframe player. When I scroll up, the iframe seems to scroll up and right into the object, showing whatever is behind the object (in this case an image that is the background), despite that fact that both are in thier own individual divs and aren't overlapping.

I "fixed" this problem by getting rid of the -type="application/x-shockwave-flash"- from the object, however doing that means that I can't trigger events using the youtube api.

This error only occurs in Google Chrome, I have used this in both IE and Firefox, and it doesn't cause this weird intersecting issue. The client needs this to work in Chrome.

Thank you very much for your time,

-Supreme

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文