强制 iframe 滚动答案

【问题标题】：Force iframe to scroll强制 iframe 滚动
【发布时间】：2016-07-08 22:28:58
【问题描述】：

我有一个非常糟糕的网络表单，它呈现为以下内容：

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

最终我找到了包含实际数据的表格，用户缩小了他的视图并且看不到数据，所以需要一个滚动条。我一直在对许多元素应用溢出：自动，宽度：100％，高度：100％，但从未见过正确的滚动条出现。最初，页面呈现了一些具有溢出：隐藏的父元素，但是在我检查页面时更改它们之后没有任何反应。有什么办法可以强制滚动条吗？

【问题讨论】：

标签： html iframe scroll scrollbar

【解决方案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}

【讨论】：

Satya 你的意思是overflow-y:auto？从未听说过这个滚动-y 属性
请查看此链接：w3schools.com/cssref/…

【解决方案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 内容/标签。

【讨论】：