Gefällt JavaScript , VBScript ist eine Programmiersprache, die von Web -Entwicklern verwendet werden können, um on-the -fly Änderungen an der Hypertext Markup Language (HTML) angezeigt, um ihre Website- Zuschauer zu machen. Zum Beispiel kann Platzieren Inhalt in sorgfältig strukturierten Elementen erstellen Scrollbalken , die nutzlos und unansehnlich sind . Um die Ästhetik Ihrer Website zu erhalten , können Sie einfach verstecken diese Scrollbalken mit VBScript in Verbindung mit dem HTML-Code der Webseite. VBScript und Cross-Browser- Kompatibilität
Zwar gibt es mehrere Lösungen für das Verstecken Scrollbalken durch eine Kombination von VBScript und HTML, Web-Entwickler sollten sich bewusst sein , dass VBScript nur für die Verwendung in Microsoft Internet Explorer Browser gedacht ist. VBScript ist nicht in anderen Browsern wie Firefox oder Opera unterstützt , im allgemeinen bietet JavaScript eine zugängliche Alternative . In vielen Fällen (einschließlich CSS Änderungen) VBScript und JavaScript-Code ist identisch , aber man sollte nicht auf diesem zufälligen Interoperabilität verlassen , und Sie sollten Ihre Web-Seiten sorgfältig auf die Einhaltung in mehreren Browsern vor der Bereitstellung der Website.
Verstecken Scrollbars pro Element
Für bestimmte Elemente einer Seite , das Entfernen der Scrollbalken am wichtigsten ist , wenn das Element den Fokus hat. Zum Beispiel können Sie dynamisch entfernen Sie den Scrollbalken aus einem Textfeld , wenn der Benutzer auf das Feld, um es zu aktivieren. Dazu gehören die code " this.style.overflow = 'hidden' " in der jeweiligen Veranstaltung VBScript . Um die Scrollbalken zu entfernen, wenn der Benutzer die Maus über das Element , geben Sie Folgendes:
'onmouseover = " this.style.overflow = ' hidden ' ; " '
Um sie zu entfernen , wenn der Benutzer Klicks das Element , geben Sie den folgenden :
' OnClick = " this.style.overflow = ' hidden ' ; . " '
Dies ermöglicht Ihnen, das Verhalten vieler Scrollbalken unabhängig zu steuern , aber bedeutet auch, dass der Benutzer wird wahrscheinlich sehen die Scrollbalken , bevor sie entfernt werden , die ästhetisch unerwünscht sein kann .
Ausblenden eines Elements Scrollbar , wenn das Dokument Lasten
Wenn Sie brauchen, um ein einzelnes Element oder eine kleine Anzahl von Elementen , eine der einfachsten Möglichkeiten ist es, eine Erklärung in der " OnLoad "-Attribut der Web-Seite der "
" Tag legen , die Nutzung von VBScript "style" verstecken Funktion CSS on the fly ändern. Die Eingabe von " " , zum Beispiel, wird die Scrollbalken eines Elements mit der id " container_1 " , sobald die Seite geladen verstecken. Der Benutzer wird nie das Element erscheinen mit Scrollbalken überhaupt . Auf der anderen Seite , mit der Funktion des OnLoad , anstatt jedes einzelne Element , begrenzt die Anzahl der Elemente, die Sie gleichzeitig verstecken können ohne Ihre HTML-Code zu unhandlich.
Hiding Scrollbars Mit CSS-Klassen
Um das Beste aus beiden Welten zu bekommen , verwenden Sie VBScript " className " ganze CSS-Klassen statt einzelner Elemente einer Seite zu ändern. Wickeln Sie die gesamte Seite in einem leeren div namens " maincontainer ", und in der OnLoad Attribut des
, schreiben Sie " container.className = ' hidescrollbars '; " . Sie können dann einen CSS-Stil im Dokument -Header namens " hidescrollbars div . " , Die die "overflow : hidden; " beinhaltet Stil . Wenn die Seite geladen wird, wird die Scrollbalken von all den div-Elemente auf der Seite zu entfernen.