HTML5 responsive Website, Autoscroll in kleinen Bildschirmen zur Navigation überspringen

Meine Website hat neben Navigationsleiste. Wenn ein Benutzer auf dem mobilen Bildschirm auf eine beliebige Seite klickt, wird derselbe Header angezeigt und der Benutzer wird nicht wissen, dass sich der Inhalt unterhalb der Kopfzeile befindet. Daher muss die automatische Bildlauffunktion nur auf einem kleinen Bildschirm aktiv sein. Ich habe eine Reihe von Websites durchsucht, kann aber keine Lösung finden. Wie können wir JS-Skript mit Medienabfragen verwenden? Vielen Dank im Voraus für jede Hilfe.HTML5 responsive Website, Autoscroll in kleinen Bildschirmen zur Navigation überspringen

Ich habe Code wie in meinem JS-Datei folgt aber dieser Code blättert es auf dem ganzen Bildschirmgröße

function pageScroll() 
{ 
window.scrollBy(0,1500); // horizontal and vertical scroll increments 
}

html-Datei

<body onload="pageScroll">

Aber ich möchte, dies zu ändern, um arbeite nur für den mobilen Bildschirm.

Quelle

2017-10-26 Palak

Ohne jeden anderen Code eine gute Vorstellung davon zu bekommen, was auf Ihrer Website passiert, können Sie Medienanfragen in jquery ähnlichen

$("body").on("load",function() { 
    if ($(window).width() < 768) { // mobile devices change it how you want 

     window.scrollBy(0,1500); // horizontal and vertical scroll increments 

    } 
});

Quelle

2017-10-26 10:06:28

Dank für Ihre Antwort replizieren! Bitte lassen Sie mich wissen, was Sie als Teil des Codes benötigen. Ich habe das versucht, aber es funktioniert nicht. Also sollte dieser Code in der js-Datei korrekt gehen? – Palak

@Palak gut, hast du diese Lösung versucht? –

Ja, ich habe dies zum JavaScript-Abschnitt hinzugefügt und meinen Code ausgeführt, um ihn in der mobilen Ansicht anzuzeigen. – Palak

HTML5 responsive Website, Autoscroll in kleinen Bildschirmen zur Navigation überspringen

Antwort

Verwandte Themen