强制 iframe 滚动

Question

我有一个绝对可怕的网络表单，呈现为以下内容：

body -> form -> table -> 数千个 div -> iframe -> body -> 数千个 div -> iframe -> body -> table

最终找到包含实际数据的表，用户将视图变小，看不到数据，所以需要一个滚动条。我一直在许多元素上应用溢出：自动，宽度：100％，高度：100％，但从未见过正确的滚动条出现。最初，页面使用一些具有溢出：隐藏的父元素进行渲染，但是在我检查页面时更改它们后什么也没有发生。有没有办法强制滚动条？

Answer 1

请尝试这个：

<iframe src="p" width="300" height="500" scrolling="yes">
</iframe>

或

将 iframe 放入固定高度的 div 中，并将 css 属性设置为scroll-y:auto。

<div class="iframe_container">
<iframe></iframe>
</div>

div.iframe_container{ height: 500px; overflow-y: scroll }

Answer 2

尝试使用备用滚动器https://jamesflorentino.github.io/nanoScrollerJS/

或者使用CSS重置http://meyerweb.com/eric/tools/css/reset/

或通用重置，在你的CSS样式开始时：

* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  }

然后看看什么标签变得可怕

或者只使用 firebug 并即时查找并修复 awfl 内容/标签。