Question

我有一个绝对可怕的网页形式，呈现如下：

身体 - ＆gt;形式 - ＆gt;表 - ＆gt;成千上万的divs - ＆gt; iframe - ＆gt;身体 - ＆gt;成千上万的divs - ＆gt; iframe - ＆gt;身体 - ＆gt;表

最终我发现包含实际数据的表格，用户使他的视图更小并且无法看到数据，因此需要有一个滚动条。我一直在应用overflow：auto，width：100％，height：100％在许多元素上，但从未看到正确的滚动条出现。最初，页面渲染时有一些父元素有溢出：隐藏，但是在更改它们之后我正在检查页面时没有发生任何事情。有没有办法强制滚动条？

Answer 1

请试试这个：

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

OR

将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 reset 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内容/标记。

强制iframe滚动

2 个答案: