Scroll-Position an neue Seite übergeben

rolfi · 10.12.2008

Hallo zusammen.

Wie kann ich mit JS und php die Scrollposition von SEITE A an SEITE B übergeben, dass SEITE B die gleiche Y-Position behält.

Vielen Dank
Rolf

PS: Ich beschäftige mich erst seit kurzem mit JS. Bitte Erklärungen für einen DAU ausführen

stb_87 · 10.12.2008

AW: Scroll-Position an neue Seite übergeben

Erstmal die Frage, was das für eine Sinn haben soll ;-)

Könnte man das nicht auch mit ganz simplen HTML-Ankern lösen?

kyle66 · 10.12.2008

AW: Scroll-Position an neue Seite übergeben

Hallo,

mittels Javascript beim Scrollen (mittels onscroll-Eventhandler) die aktuelle Scrollposition in einer Variablen speichern und diese dann an den Link als Parameter hängen. z.B. link.php?scroll_x=123
Auf der neuen Seite dann mit php auslesen mit $_GET["scroll_x"]

JS Code in etwa:

Code:

var xScroll = 0;
window.onscroll = function(e) {saveScroll();};

function saveScroll() {
   var scroll = getScrollXY();
   xScroll = scroll.x;
  // hier noch auf das DOM mittels getElementBy... zugreifen und den Parameter setzen
}

function getScrollXY() {
	var scrOfX = 0, scrOfY = 0;
	
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	return {x:scrOfX, y:scrOfY};
}

Grüße
kyle

sokie · 10.12.2008

AW: Scroll-Position an neue Seite übergeben

erstmal die Lösung, damit die erste Frage beantwortet ist.
die aktuelle postition der Seite in X und Y kann man aus den Eigenschaften pageXOffset und pageYOffset auslesen.
dabei ist natürlich wie man sich denken kann beider ungescrollten Seite pageXOffset=pageYOffset=0.
wenn man nun an eine Poition weit unten auf der Seite einen Link setzt (soweit unten, dass man scrollen muss um ihn zu erreichen) zB

Code:

<a href="javascript:seiteWechseln()">linktext</a>

kann man mit einer kurzen funktion die neue Seite aufrufen und diese Werte übergeben:

Code:

<head>
<script type="text/javascript">
function fensterWechseln(){
window.location.href = "http://twoiback.de/seiteB.php?x=" + pageXOffset + "&y=" + pageYOffset;
}
</script>
</head>

ruft diese url auf http.. .../seiteB.php?x=0&y=112 (beispielwerte)
da kannst du dann mit $_GET['x'] und $_GET['y'] die werte abgreifen und für die window.scrollTo(X,Y) methode einsetzen.

() da gibts auch noch ein paar Beispiele zu den Eigenschaften und methoden des window-Objekts

rolfi · 10.12.2008

AW: Scroll-Position an neue Seite übergeben

Hi zusammen.

Vielen Dank für die Tipps.
Zum Anker - Ja daran habe ich zuerst auch gedacht, möchte es aber noch feiner steuern.

Ich werde die Lösung vermutlich morgen testen und Bescheid geben.

Besten Dank,
Rolf

rolfi · 11.12.2008

AW: Scroll-Position an neue Seite übergeben

Hey.

Hab das ganze entsprechend meinen Vorstellungen aufbauen können.

Spitze. Vielen Dank für die prompte Unterstützung!
Rolf