Fatal编程技术网

Google chrome extension 滚动条在chrome extension中不可见

google-chrome-extension

Google chrome extension 滚动条在chrome extension中不可见,google-chrome-extension,scrollbar,Google Chrome Extension,Scrollbar,我开发了一个chrome扩展，如果弹出窗口中的内容超过了弹出窗口主体的指定高度，它应该有一个滚动条 我正在添加popup.html的内容 <!DOCTYPE html> <head> <title>Compare Hatke</title> <script type='text/javascript' src='popup.js'> </script> <style>

我开发了一个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>


比哈克
身体{
最小宽度：357px；
最小高度：500px；
溢出x：隐藏；
溢出y：自动；
}
img{
保证金：5px；
边框：2件纯黑；
垂直对齐：中间对齐；
宽度：75px；
高度：75px；
}
Prashant Singh开发的扩展
还有将数据注入弹出文件的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);

var len=currentArray.length；
var字符串=”；

对于（i=0；i在popup.html页面中添加了一个div


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




Prashant Singh开发的扩展



用
document.getElementById（'showData'）.innerHTML替换
document.write
，它在一瞬间就起作用了。有什么解释吗？为什么前一个不起作用？
为什么-1？请解释这个问题，或者至少告诉我为什么是-1？