javascript - 如何禁用滚动文档正文?

标签 javascript html ajax xhtml

我有一个包含很多内容的 HTML,一旦加载 HTML,就会出现一个垂直滚动条。现在从这个 HTML 加载全屏 IFRAME。问题是加载 IFRAME 时,父滚动条仍然存在,我想在加载 IFRAME 时禁用滚动条。

我试过:

  • document.body.scroll = "no",它不适用于 FF 和 chrome。
  • document.style.overflow = "hidden"; 在此之后我仍然可以滚动,并且整个 iframe 将向上滚动以显示父 HTML。

我的要求是,当加载 IFRAME 时,如果父 HTML 有滚动条,我们永远不能滚动整个 IFRAME。

有什么想法吗?

最佳答案

如果您想使用 iframe 的滚动条而不是父级的滚动条,请使用:

document.body.style.overflow = 'hidden';

如果你想使用父级的滚动条而不是 iframe 的那么你需要使用:

document.getElementById('your_iframes_id').scrolling = 'no';

或设置 scrolling="no" iframe 标签中的属性:<iframe src="some_url" scrolling="no"> .

关于javascript - 如何禁用滚动文档正文?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2469529/

相关文章:

Ajax-渲染一个不同形式的表格

javascript - 如果文件输入更改,则刷新正文标记

javascript - 单击 anchor 链接后地址栏中的 URL 未更新

Javascript div show hide onclick with image sprite

javascript - Angular 项目 : How to get instance of secondary firebase app?

firefox - 视频将在 firefox 中播放,但在 html5 视频标签中不能播放?

c# - 如何使用 ASP.NET 从 Select 标签获取数据并插入 Input 标签

html - Ajax 从不同的文件加载数据

javascript - str.replace 未按预期运行

javascript - 在 Javascript 替换函数中使用具有三元操作数的函数作为新值参数