Question

为什么以下页面为我提供chrome中的滚动条，但在其他所有浏览器中都能正常工作？

我正在粘贴一切，以防万一。虽然我认为它与java小程序无关，因为我遇到了与flash电影相同的问题。

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Java</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="jquery-1.6.2.min.js"></script>
    <script type="text/javascript">

function getParameter(name, url)
{
    if(!url)
    {
        url = window.location.href;
    }
    var paramsStart = url.indexOf("?");

    if(paramsStart !== -1)
    {
        var paramString = url.substr(paramsStart + 1);
        var tokenStart = paramString.indexOf(name);

        if(tokenStart !== -1)
        {
            var paramToEnd = paramString.substr(tokenStart + name.length + 1);
            var delimiterPos = paramToEnd.indexOf("&");

            if(delimiterPos === -1)
            {
                return paramToEnd;
            }
            else
            {
                return paramToEnd.substr(0, delimiterPos);
            }
        }
    }
    return -1;
}

      $(document).ready( function()
      {
        var w = getParameter('width');
        var h = getParameter('height');
        var d = document.getElementById('javadiv'); 
        d.style.width = (w > 0) ? w+"px" : "100%";
        d.style.height = (h > 0) ? h+"px" : "100%";

        var main = getParameter("game");
        var mainclass = getParameter("mainclass");
        var gmain = main.substring(0,1).toUpperCase() + main.substring(1,main.length);

        var code = mainclass;


        var applet = '<applet id="applet" codebase="'+getParameter("base")+'" archive="applet.jar" code="'+code+'" width="100%" height="100%">';
        applet += "<param name='debug' value='"+getParameter("debug")+"' ></param>";
        applet += '</applet>';

        $(applet).appendTo("#javadiv");
      });
    </script>
    <style>
    html,body
    {
      width:100%; 
      height:100%;
      background-color:#000;
      margin:0;
      padding:0;
    }
    </style>
  </head>

  <body><div id="javadiv" style="width:100%;height:100%;"></div></body>
</html>

Answer 1

我想知道Chrome是否会向您的margin添加一些padding或javadiv，您设置为100%身高和{1}}宽度。

尝试重置margin上的padding和div。

Answer 2

你可以使用overflow-x：hidden;或溢出-y：隐藏;取决于出现的滚动条。将其设置为html和\或正文应该隐藏任何滚动条。

最有可能是您的问题的罪魁祸首可能是浏览器特定的样式表。我看到你有一个100％高和宽的元素，如果它周围的任何元素有填充或边距，你会得到滚动条。

chrome中的滚动条

2 个答案: