滚动条在Chrome扩展中不可见

我开发了一个Chrome扩展，如果弹出窗口中的内容超过指定弹出窗口的高度，应该有一个滚动条。滚动条在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);

可能是什么可能发行的内容是什么？即使要显示的数据比在一个视图中显示的要大得多，我也不会收到滚动条。

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

来源

2012-12-16 Prashant Singh

为什么-1？要么解释这个问题，要么告诉我为什么一个-1？ –

添加一个div在popup.html页

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

而且通过document.getElementById('showData').innerHTML取代document.write它在一瞬间工作。任何解释。为什么之前没有工作？

来源

2012-12-16 09:43:49

滚动条在Chrome扩展中不可见

回答

相关问题