6 svar · 646 visningar · startad av Vixnor
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.
kan du inte använda dig av hash och kolla elementet med samma ID och scrollar ner till den?
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.
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).
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.
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).
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>