滚动条在 chrome 扩展中不可见答案

【问题标题】：Scroll bar not visible in chrome extension滚动条在 chrome 扩展中不可见
【发布时间】：2012-12-16 17:43:49
【问题描述】：

我开发了一个 chrome 扩展，如果弹出窗口中的内容超过弹出窗口正文的指定高度，它应该有一个滚动条。

我正在添加我的 popup.html 的内容

<!DOCTYPE html>
  <head>
    <title>Compare Hatke</title>
    <script type='text/javascript' src='popup.js'>
    </script>
    <style>
      body {
        min-width:357px;
        min-height: 500px;
        overflow-x:hidden;
        overflow-y:auto;
      }

      img {
        margin:5px;
        border:2px solid black;
        vertical-align:middle;
        width:75px;
        height:75px;
      }
    </style>
  </head>
  <body>

    Extension developed by Prashant Singh
  </body>
</html>

还有向弹出文件注入数据的 JS

var len = currentArray.length;
  var string = "";

  for(i=0;i<len;i++){
    if(tab.id==currentArray[i].tabID){
     string += "<img src='" + currentArray[i].image + "' height='20px' max-width='100px'> " + currentArray[i].prod +"<br>";
    }
  }
  document.write(string);

可能的问题是什么？即使要显示的数据要大得多，可以在一个视图中显示，我也没有得到滚动条。

任何解释将不胜感激。谢谢！

【问题讨论】：

为什么是 -1 ？要么解释问题，要么至少告诉我为什么是 -1 ？

标签： google-chrome-extension scrollbar

【解决方案1】：

在popup.html页面中添加了一个div

<body>
    <div id='showData'>
    Extension developed by Prashant Singh
  </div>
  </body>

并将document.write 替换为document.getElementById('showData').innerHTML 并在瞬间工作。任何解释。为什么上一个不起作用？

【讨论】：