1. 首页
  2. 问题
  3. 如何禁用滚动文档正文？
一尘不染

如何禁用滚动文档正文？

ajax

我有一个包含大量内容的HTML，并且在加载HTML后就会出现一个垂直滚动条。现在，从此HTML中加载了全屏IFRAME。问题是当加载IFRAME时，父滚动条仍然存在，我想在加载Iframe时禁用滚动条。

我试过了：

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

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

有任何想法吗？


阅读 199

收藏
2020-07-26

共1个答案

一尘不染

如果要使用iframe的滚动条而不是父级的滚动条，请使用以下命令：

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

如果要使用父级的滚动条而不是iframe的滚动条，则需要使用：

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

或scrolling="no"在iframe的代码中设置属性：<iframe src="some_url" scrolling="no">。

2020-07-26