在铬滚动条

scrollbars in chrome

本文关键字：滚动条      更新时间：2023-09-26

为什么下面的页面在chrome中给我滚动条，但在其他浏览器中工作良好?

我把所有的东西都贴上去，以防万一。虽然我认为这与Java applet无关，因为我在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>

我想知道Chrome是否添加了一些margin或padding到您的javadiv，您正在设置为100%高度&宽度。

尝试重置div上的margin和padding。

你可以使用overflow-x: hidden;或者overflow-y:隐藏的;取决于出现哪个滚动条。将其设置为html和body，可以隐藏任何滚动条。

最有可能导致问题的罪魁祸首可能是特定于浏览器的样式表。我看到你有一个100%的高宽元素，如果周围的元素有padding或margin，你就会得到滚动条

相关文章：