当前位置: 首页 > 面试题库 >

HTML iframe-禁用滚动

宗政子辰
2023-03-14
问题内容

我的网站上有以下iframe:

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

它具有滚动条。
如何摆脱它们?


问题答案:

不幸的是,我认为仅通过HTML和CSS属性完全符合HTML5的想法是不可能的。幸运的是,大多数浏览器仍然支持该scrolling属性(已从HTML5规范中删除了该属性)。

overflow并不是HTML5的解决方案,因为唯一 错误地 支持HTML5的现代浏览器是Firefox。

当前的解决方案是将两者结合起来:

<iframe src="" scrolling="no"></iframe>



iframe {
  overflow: hidden;
}

但是随着浏览器的更新,这可能变得过时了。您可能需要检查一下以获取JavaScript解决方案

编辑: 我已经检查过,并且scrolling="no"可以在IE10,Chrome 25和Opera 12.12中使用。



 类似资料:
  • 如何禁用滚动?

  • 本文向大家介绍利用jquery禁止外层滚动条的滚动,包括了利用jquery禁止外层滚动条的滚动的使用技巧和注意事项,需要的朋友参考一下 前言 通常情况下,当内部滚动条滚动到两端时,再接着滚动时外层的滚动条就会跟着滚动;可是有时我们希望用户只能滚动当前区域,而不触发外层(window)的滚动条,离开当前区域后,才能滚动外层的滚动条。因为用户可能一不小心滚动的幅度过大了,导致当前区域离开可视区域。 在

  • 问题内容: 我只是想 禁用 Safari(OSX Lion)中 的弹性滚动/弹跳效果 。 我找到了在CSS中为body 设置的解决方案,但正如预期的那样,它仅 禁用了滚动条 ,因此,如果网站比屏幕“长”,您 将无法滚动! 欢迎任何解决方案或提示!谢谢! 问题答案: 您可以通过应用以下CSS来更普遍地实现这一目标: 这样,无论内容如何,​​都可以在其中滚动,但是请注意,触发事件的滚动上下文现在不是。

  • 问题内容: 我使用的是scrollTo jQuery插件,想知道是否可以通过Java临时禁用window元素上的滚动吗?我要禁用滚动的原因是,当您在scrollTo设置动画时滚动时,它确实很难看;) 当然,我可以做一个,然后在动画停止时将其放回自动状态,但是如果滚动条仍然可见但处于非活动状态会更好。 问题答案: 该事件无法取消。但是您可以通过 取消 以下交互事件来实现: 鼠标 和 触摸滚动 以及与

  • 问题内容: 是否可以禁用滚轮在输入数字字段中更改数字?我已经弄乱了特定于Webkit的CSS,以删除微调框,但我想完全摆脱这种行为。我喜欢使用它,因为它在iOS上带来了一个不错的键盘。 问题答案: 防止其他对象建议的输入数字元素上的mousewheel事件的默认行为(调用“ blur()”通常不是首选方法,因为这不是用户想要的)。 但。我会避免一直监听所有input-number元素上的mouse