小编典典

如何禁用滚动文档正文?

ajax

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

我试过了:

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

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

有任何想法吗?


阅读 246

收藏
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