navigateurs Web réagissent différemment aux différents paramètres de votre navigateur en raison de la façon dont les spécifications de navigateurs ont été interprétées ou mises en œuvre . Vous pouvez masquer les barres de défilement à l'aide de JavaScript, mais il ya différents paramètres à changer selon que le navigateur de l' utilisateur est Internet Explorer ou autre chose que IE . Pour IE , vous pouvez masquer les barres de défilement en modifiant l'attribut "scroll" sur le corps du document . Dans les autres navigateurs , vous masquez les barres de défilement en modifiant l'attribut de style " de débordement " . Instructions
1

Créer un nouveau fichier HTML en utilisant un éditeur ou le Bloc-notes. Entrez un squelette HTML pour le fichier. ! Par exemple, tapez :

< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd "> Photos

Masquer Page 2 <p> créer une fonction JavaScript et l'insérer entre les balises "head" dans le document HTML. Définissez les attributs de débordement de style de document à «caché» pour les navigateurs non-IE et définir l'attribut de défilement du corps du document de «non» pour Microsoft Internet Explorer. Par exemple, tapez : Photos <p> <script type="text/javascript"> <br> hideScrollBars de la fonction <p> () { <br> <p> document.documentElement.style.overflowX = "hidden »; <br> <p> document.documentElement.style.overflowY =" hidden " ; <br> <p> document.body.scroll =" no " ; //Internet Explorer <br> <p> } <br> <p> </script> Photos <p> </head> <br> 3 <p> Créer un formulaire avec un bouton qui permet de masquer les barres de défilement . Lorsqu'un utilisateur clique sur le bouton , appeler la fonction JavaScript qui cache les barres de défilement. Par exemple, tapez : <br> <p> <body> <br> <p> <form name="myForm"> <input type = "button" nom = valeur "touche" = "Masquer" onclick = " hideScrollBars () " /> </form> Photos <p> </body> Photos <p> </html> <br> < br > <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/91019.html' >Comment envoyer une fonction JavaScript dans un lien hypertexte </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/91021.html' >Comment faire défiler en JavaScript </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/90747.html">JavaScript: Apostrophe problème dans l'URL </a></li><li><a href="/programmation/Programmation-JavaScript/91048.html">Comment activer et désactiver des zones de texte en Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/90798.html">Comment: modifier et de redirection d'une URL avec Java </a></li><li><a href="/programmation/Programmation-JavaScript/91140.html">Comment calculer la résolution de l'écran avec Java Script </a></li><li><a href="/programmation/Programmation-JavaScript/90949.html">Comment mettre à jour DIV </a></li><li><a href="/programmation/Programmation-JavaScript/90862.html">Comment rendre le contenu coulissante dans jQuery </a></li><li><a href="/programmation/Programmation-JavaScript/91068.html">Comment vérifier si une propriété d' objet existe dans JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91237.html">Comment changer la classe de style avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90843.html">Comment faire un script utilisateur en GreaseMonkey </a></li><li><a href="/programmation/Programmation-JavaScript/91100.html">Comment faire pour changer la taille et type de punaise dans une carte Virtual Earth </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>