InformationenJavaScript-Programmierung
More
Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
Wie man eine Scrollbar ausblenden Mit JavaScript
Web Browser reagieren unterschiedlich auf verschiedene Browser-Einstellungen wegen der Art Browser Spezifikationen interpretiert worden oder umgesetzt werden. Sie können verstecken Scrollbalken mit JavaScript , aber es gibt verschiedene Einstellungen, um basierend darauf, ob der Browser des Benutzers ist der Internet Explorer oder etwas anderes als IE ändern. Für IE , können Sie Scrollbalken durch Änderung der " Scroll "-Attribut des Dokuments Körper zu verstecken . In anderen Browsern verstecken Sie Scrollbalken durch Änderung der " Überlauf " style-Attribut . Anleitung
1
Erstellen Sie eine neue HTML -Datei mit einem Editor oder Notepad. Geben Sie eine HTML -Gerüst für die Datei. ! Zum Beispiel , Typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
< p >
Download
ausblenden Seite 2 <p> Erstellen Sie eine JavaScript -Funktion und legen Sie sie zwischen den "Kopf" -Tags im HTML-Dokument. Legen Sie das Dokument Stil Überlauf Attribute "versteckt" für Nicht- IE-Browser und den Scroll- Attribut des Dokuments Körper auf "no" für den Microsoft Internet Explorer . Geben Sie z. B. : <br> <p> <script type="text/javascript"> <br> <p> Funktion hideScrollBars () { <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 > <br> <p> < /head> <br> 3 <p> erstellen Sie ein Formular mit einer Schaltfläche, die Rollbalken verstecken wird . Wenn ein Benutzer auf die Schaltfläche klickt , rufen Sie die JavaScript-Funktion, die Rollbalken verbirgt . Geben Sie z. B. : <br> <p> <body> <br> <p> <form name="myForm"> <input type = "button " name = "button " value = "Hide" onclick = " hideScrollBars ()" /> </form > <br> <p> < /body> <br> <p> < /html> <br> <br >
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/JavaScript-Programmierung/Wie-man-eine-Quote-in-JavaScript-Drehen-.html'>Wie man eine Quote in JavaScript Drehen </a></li>
<li><a href='/Programming/Delphi-Programming/Wie-man-eine-Web--Service-für-XML--Dokumente-erstellen---CSharp-.html'>Wie man eine Web -Service für XML -Dokumente erstellen & CS…</a></li>
<li><a href='/Programming/Computer-Programming-Languages/HTML-(-Hypertext-Markup-Language-)-ist-eine-Programmiersprache-verwendet-werden--um-Web--Seiten-zu-erstellen-.html'>HTML ( Hypertext Markup Language ) ist eine Programmiersprac…</a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/How-To-Database-Programmierung-mit-Visual-Basic-Do-.html'>How To Database Programmierung mit Visual Basic Do </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Wie-DirectX-in-VB-verwenden-.html'>Wie DirectX in VB verwenden </a></li>
<li><a href='/Programming/Java-Programmierung/Wie-man-einen-Substring-in-Java-anzeigen-.html'>Wie man einen Substring in Java anzeigen </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Die-Random--Funktion-in-COBOL-.html'>Die Random- Funktion in COBOL </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Software/Microsoft-Access/Wie-man-eine-Formel-in-Excel-2007-sperren-.html'>Wie man eine Formel in Excel 2007 sperren </a></li>
<li><a href='/Software/Photoshop/Wie-man-eine-Ambient-Wave--Effekt-in-Photoshop-erstellen-.html'>Wie man eine Ambient Wave- Effekt in Photoshop erstellen </a></li>
<li><a href='/Systeme/Linux/Wie-Regression-Mit-einem-Cron-Job-ausführen-.html'>Wie Regression Mit einem Cron Job ausführen </a></li>
<li><a href='/Systeme/Mac-OS/Wie-FTP--Dateien-auf-Mac-öffnen--nachdem-Downloads---Uploads-.html'>Wie FTP -Dateien auf Mac öffnen, nachdem Downloads & Upload…</a></li>
<li><a href='/Hardware/Laptops/Über-einen-Laptop-Computer-.html'>Über einen Laptop-Computer </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="https://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>