Ergebnis 1 bis 2 von 2

Thema: GELÖST: Vorige Scroll-Position der Seite (mit Filter + Liste) anspringen nach SUBMIT

  1. #1
    Contao-Fan Avatar von Ulrich
    Registriert seit
    03.03.2010.
    Ort
    Freiburg i. Br.
    Beiträge
    395

    Frage GELÖST: Vorige Scroll-Position der Seite (mit Filter + Liste) anspringen nach SUBMIT

    Hallo,

    wenn auf einer Seite, aufgrund des Layouts, das Filter-Widget so tief positioniert werden muss, dass dieses erst nach Scrollen der Seite erreichbar ist, hat man im Normalfall die Situation, dass nach Submit Reload dieser Seite (nach verändertem Filter) wieder zur Position des Filter-Widgets gescrollt werden muss, um gegebenenfalls weiter zu manipulieren. Der optische Effekt, wenn nach Submit Reload zum Seitenkopf gesprungen wird, kann außerdem störend wirken.

    Leider sind meine Kenntnisse mit Javascript noch sehr "rudimentär", deshalb die Frage an die erfahrenen Kollegen, ob es eine Möglichkeit gibt, nach Submit initiiertem Reload der Seite (durch Anklicken einer Filteroption), an dieselbe Position zurück zu springen, an der die Seite bei Submit Auslösung des Relaods zuvor stand.

    Vielen Dank im Voraus und

    Grüße, Uli
    Geändert von Ulrich (21.01.2014 um 15:06 Uhr) Grund: GELÖST

  2. #2
    Contao-Fan Avatar von Ulrich
    Registriert seit
    03.03.2010.
    Ort
    Freiburg i. Br.
    Beiträge
    395

    Standard Lösung:

    Code:
    jQuery(document).ready(function() {
    	if (localStorage) {
    		var posReader = localStorage["posStorage"];
    		if (posReader) {
    			jQuery(window).scrollTop(posReader);
    			localStorage.removeItem("posStorage");
    		}
    		jQuery("#id").find("input").click(function() {	
    			localStorage["posStorage"] = jQuery(window).scrollTop();
    		});
    	}
    });
    Geändert von Ulrich (21.01.2014 um 15:37 Uhr) Grund: Prüfen des Supports von localStorage ergänzt und ID-Selector optimiert (speed)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •