JavaScript/Window/scrollbars

Die Eigenschaft Window.scrollbars speichert, ob ein Fenster Scroll-Leisten hat. Stellt selbst ein Objekt dar, das eine Eigenschaft hat, nämlich die Eigenschaft visible (= sichtbar). Enthält für diese Eigenschaft den Wert true, wenn das Fenster Scroll-Leisten hat, und den Wert false, wenn es keine hat.

Syntax

objRef = Window.scrollbar;

Anwendungsbeispiel

Beispiel ansehen …

    
  function analyseToolbar () { 
    var image = document.querySelector('img');
    document.querySelector('output').innerText += 'Menu Bar: ' + window.menubar.visible + ' \n';	
    document.querySelector('output').innerText += 'Tool Bar: ' + window.toolbar.visible + ' \n';
    document.querySelector('output').innerText += 'Location Bar: ' + window.locationbar.visible + ' \n';	
    document.querySelector('output').innerText += 'Personal Bar: ' + window.personalbar.visible + ' \n';		
    document.querySelector('output').innerText += 'Scroll Bars: ' + window.scrollbars.visible + ' \n';	
    document.querySelector('output').innerText += 'Status Bar: ' + window.statusbar.visible + ' \n';			
  }

Das Skript überprüft, welche Leisten für das Fenster angezeigt werden. Die entsprechende boolschen Statuswerte werden mit innerText ausgegeben.

Browserleisten verstecken?

Heutzutage ist das Verstecken der Adressleisten browserseitig aus Sicherheitsgründen abgeschaltet. Bei Phishing-Angriffen konnten Hacker sonst in einem Formular auf einer nachgemachten Webseite Passwörter abgreifen, ohne dass man die URL kontrollieren konnte.

Eine Alternative, um den ganzen Viewport ohne Leisten nutzen zu können bietet die Fullscreen API.

→ JavaScript/Fullscreen

Weblinks

• W3C: scrollbar
• MDN: Window.scrollbar

• Self-Forum: Diskussion vom 17.12.2010 über die Sinnhaftigkeit, Scrollbar aus[zu]blenden – aber trotzdem scrollen [zu] können.