强制 iframe 滚动

Question

我有一个非常糟糕的网络表单，呈现如下：

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

最后我找到了包含实际数据的table，用户将他的视图变小了，看不到数据，所以需要一个滚动条。我一直在许多元素上应用 overflow:auto、width:100%、height:100%，但从未看到正确的滚动条出现。最初，页面呈现了一些具有 overflow:hidden 的父元素，但是在我检查页面时更改它们之后没有任何反应。有没有办法强制滚动条？

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;scroll-y:auto}

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 content/tag.

强制 iframe 滚动

Force iframe to scroll

html

iframe

scroll

scrollbar