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

feat: preserve home scroll position (#52)

Browse source 
* feat: preserve home scroll position

* 0.1.23
This commit is contained in:
Ayo Ayco 2023-06-14 23:31:06 +02:00 committed by GitHub
parent 99a028a64f
commit 7c949d6030
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "@ayco/cozy", "name": "@ayco/cozy",
"version": "0.1.22", "version": "0.1.23",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@ayco/cozy", "name": "@ayco/cozy",
"version": "0.1.22", "version": "0.1.23",
"dependencies": { "dependencies": {
"@astrojs/netlify": "^2.2.2", "@astrojs/netlify": "^2.2.2",
"@extractus/article-extractor": "^7.2.15", "@extractus/article-extractor": "^7.2.15",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "@ayco/cozy", "name": "@ayco/cozy",
"version": "0.1.22", "version": "0.1.23",
"scripts": { "scripts": {
"start": "astro dev", "start": "astro dev",
"build": "astro build" "build": "astro build"

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);
}
}); });
}); });
} }