ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: preserve home scroll position

Browse source
This commit is contained in:
Ayo 2023-06-14 23:29:55 +02:00
parent 99a028a64f
commit 185a671920
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Library.astro
View file

@ -64,28 +64,36 @@ const {postDivSelector, skipSave = false} = Astro.props;
link.href = url; link.href = url;
link.onclick = async (e) => { link.onclick = async (e) => {
e.preventDefault(); e.preventDefault();
localStorage.setItem('scrollPosition', window.scrollY.toString());
scroll(0,0); scroll(0,0);
renderPost(responseText, url, postDivSelector?.value) renderPost(responseText, url, postDivSelector?.value)
} }
const item = document.createElement('li'); const item = document.createElement('li');
item.appendChild(link); item.appendChild(link);
list?.appendChild(item); list?.appendChild(item);
}); });
}); });
window.addEventListener('popstate', async (data) => { window.addEventListener('popstate', async (data) => {
let url = data.state?.url; let url = data.state?.url;
let isHome = false;
if (!url) { if (!url) {
url = window.location.href; url = window.location.href;
isHome = true;
} else {
// replace scrollPosition
localStorage.setItem('scrollPosition', window.scrollY.toString());
} }
const fullResponse = await cache.match(url) const fullResponse = await cache.match(url)
fullResponse?.text().then(data => { fullResponse?.text().then(data => {
const responseText = data; const responseText = data;
renderPost(responseText, url, postDivSelector?.value, true); renderPost(responseText, url, postDivSelector?.value, true);
if (isHome) {
const scrollPosition = localStorage.getItem('scrollPosition');
scrollTo(0, scrollPosition ? parseInt(scrollPosition) : 0);
}
}); });
}); });
} }