クロムのスクロールバー

次のページではクロームのスクロールバーが表示されますが、ほかのすべてのブラウザでうまく機能しますか？クロムのスクロールバー

すべてを貼り付けています。私はそれがフラッシュムービーと同じ問題を抱くので、私はそれがJavaアプレットに無関係だと思うが。

<!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>

出典

2011-07-12 clamp

問題の再現に問題があります。実際の例へのリンクを投稿してください。 – tw16

クロムは、あなたのjavadivにあなたが100%高さ&幅に設定されているものをいくつかmarginかpaddingを追加しているのだろうか。

marginとpaddingをdivにリセットしてみてください。

出典

2011-07-12 13:48:28

良いアイデアだが、いいえ。それは何も変えなかった。 – clamp

'javadiv'を' 100％ 'よりも小さく設定するとどうなりますか？ –

overflow-x：hiddenを使用できます。またはoverflow-y：hidden。どのスクロールバーが表示されるかによって異なります。これをhtmlや本文に設定すると、スクロールバーが表示されなくなります。

問題の原因のほとんどは、ブラウザ固有のスタイルシートです。 100％の高さと幅のある要素があり、それを囲む要素に余白や余白がある場合は、スクロールバーが表示されます。

出典

2011-07-12 13:48:43 red

クロムのスクロールバー

答えて

関連する問題