webForumDet fria alternativet

Spara scroll position

JavaScript

6 svar · 648 visningar · startad av Vixnor

Medlem sedan okt. 200946 inlägg
Frågan#1

Jag behöver spara scroll-positionen från ett html-dokument som ska länka till ett lika stort html-dokument.
D.v.s. scrollar man ner och till höger på sidan och klickar på "en länk" där ska man komma till en lika stor sida på samma plats, alltså lika mycket nerscrollat och scrollat åt höger.

Jag hittade http://browse-tutorials.com/tutorial/save-window-scroll-position-jquery & http://forum.jquery.com/topic/save-scroll-position men vet inte om det är rätt.

Medlem sedan juni 20019 519 inlägg
#2

kan du inte använda dig av hash och kolla elementet med samma ID och scrollar ner till den?

Medlem sedan okt. 200946 inlägg
#3

voigtann1 skrev:

kan du inte använda dig av hash och kolla elementet med samma ID och scrollar ner till den?

Jag sökte på hash men är nybörjare när det gäller det!

Men jag skulle vara intresserad av ett exempel på det jag försöker uppnå, då jag är osäker på om jag sett liknande lösningar på webbplatser.

Medlem sedan juni 20019 519 inlägg
#4

Du har ju $(window).scrollTop() och $(window).scrollLeft() bara att spara ner det och köra det på den andra sidan du gå till (kolla jquery cookie) är ju http://browse-tutorials.com/tutorial/save-window-scroll-position-jquery som hur du hämtar + spara det i en cookie.

hash är:

http://dinsida.se/#hashSträngen

Men det är nog inte det du var intresserad över (ta reda på var #mittId ligger på dokumentet och scrolla dit).

Medlem sedan okt. 200946 inlägg
#5

Jag är ute efter att få den exakta positionen på sidan, scrollat till höger och vänster, (jag använder en div id=wrapper till olika html-dokument som täcker hela sidan/sidorna).
Den positionen, scrollat till höger och ner, ska sedan kopieras till den sidan man kommer till.

Medlem sedan juni 20019 519 inlägg
#6

ja kolla mina tidigare inlägg + dina egna länkar (din länk visar bara i y-led men du förstå nog idéen med det).

Medlem sedan okt. 200946 inlägg
#7

Jag provade att kopiera från denna http://browse-tutorials.com/tutorial/save-window-scroll-position-jquery och sparade det som position.js
Jag vet inte om det är tillräckligt för att det ska funka. Sen vill jag att det ska funka i x & y led

<!DOCTYPE>
<html>
	<head>
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<script LANGUAGE="JavaScript"  src="hover.js"></script>
	<script LANGUAGE="JavaScript"  src="position.js"></script>
	</head>
<body>
<div id="wrapper">

Lite div class med bilder och texter

</div><!-- id="wrapper" -->
</body>
</html>
252 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)