Wie man Seitenformat & Scroll in JavaScript

JavaScript können Sie die Höhe des Fensters und Scroll unten auf der Seite eines Benutzers automatisch zu identifizieren. Die Technik sollte sparsam auf einer Webseite verwendet werden, da es keine gute Benutzererfahrung bereitstellt, wenn der Browser konsequent Auto-unten auf der Seite Rollen. Sie verwenden die Fensterklasse, um Bildschirmgröße und Blättern Sie durch die Webseite zu erkennen.

Anweisungen

1 Mit der rechten Maustaste in der HTML-Seite, die Sie bearbeiten möchten. Klicken Sie auf "Öffnen mit" und wählen Sie den HTML-Editor, die, den Sie verwenden möchten. Klicken Sie auf "Öffnen", um die Seite im Editor zu öffnen.

2 Erstellen Sie eine JavaScript-Skript-Tag im HTML-Code. Kopieren Sie und fügen Sie den folgenden Script-Tags einen JavaScript-Abschnitt auf Ihrer Seite einrichten:

< Skript-Typ = "Text/Javascript" >< / script >

3 Geben Sie den folgenden Code zum Abrufen der Größe des Bildschirms:

Var Screen_size = window.innerHeight;

Der Code Ruft die Höhe des Benutzers-Fensters in Pixeln, so dass Sie auf einen Abschnitt innerhalb des Browsers oder am Ende der Seite scrollen können.

4 Geben Sie den folgenden Code in die Seite nach unten scrollen:

window.scrollBy(0,100)

Der obige Code scrollt nach unten von 100 Pixel. Die erste Zahl ist wie viele Pixel um horizontal zu scrollen. Die zweite Zahl setzt das Fenster vertikal scrollen. Sie können am unteren Rand der Seite mithilfe der in Schritt 3 abgerufenen Bildschirmhöhe verzeichnen. Blättert beispielsweise der folgende Code am unteren Rand der Seite:

window.scrollBy(0,screen_size)