如何使用 iframe 在接收方页面上实现滚动

Posted

技术标签:

【中文标题】如何使用 iframe 在接收方页面上实现滚动【英文标题】:How to implement scrolling on the receiver page using iframe 【发布时间】:2013-09-02 00:52:45 【问题描述】:

我有一个接收器页面,它接收一个 url,它在 iframe 中使用。

我希望我的 android 应用程序具有控件以在该 iframe 上进行滚动,这可行吗?

我可以毫无问题地将消息从我的 android 应用程序发送到接收者页面,但无法滚动。

我收到了消息,

“阻止具有源“接收器 url”的框架访问具有源“iframe url”的框架。协议、域和端口必须匹配。”

我知道这与同源策略有关,但 chromecast 扩展如何工作?因为我发现它在那里运作良好。

【问题讨论】:

【参考方案1】:

Chromecast 扩展程序会在 Chrome 标签中生成内容的视频流。滚动发生在发送方而不是接收方。

此外,在接收器上滚动可能会给 Chromecast 设备带来不好的用户体验。这种交互最适合发送方设备。 ChromeCast UI 最适合不需要滚动的全屏体验。

【讨论】:

以上是关于如何使用 iframe 在接收方页面上实现滚动的主要内容,如果未能解决你的问题,请参考以下文章

当该页面打开时,如何在顶部设置包含 iframe 的网页的滚动位置

如何通过编辑引用的页面来禁用 iframe 滚动?

如何让div中iframe一起滚动

如何禁用点击但仍允许在 iframe 中滚动?

如何用js控制网页刷新后滚动条保持在原来的位置

如何让按钮在发送时刷新页面,并且在重新加载时同时使用相同的按钮让 iframe 滚动到框架的底部