aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/services/ui/ldSaveScroll.ts
diff options
context:
space:
mode:
authorpacien2022-09-04 18:18:27 +0200
committerpacien2022-09-04 18:18:27 +0200
commit11bbbae2850b9c45da697a8ed9626495a50a38c0 (patch)
treeff2713118f8b45d36905bfea2933f08d8e70066d /viewer/src/services/ui/ldSaveScroll.ts
parente93f7b1eb84c083d67567115284c0002a3a7d5fc (diff)
parent8349be992b46b77dee921f484cfbff8b758ff756 (diff)
downloadldgallery-11bbbae2850b9c45da697a8ed9626495a50a38c0.tar.gz
Merge branch 'develop': release v2.1v2.1
GitHub: related to #315
Diffstat (limited to 'viewer/src/services/ui/ldSaveScroll.ts')
-rw-r--r--viewer/src/services/ui/ldSaveScroll.ts37
1 files changed, 37 insertions, 0 deletions
diff --git a/viewer/src/services/ui/ldSaveScroll.ts b/viewer/src/services/ui/ldSaveScroll.ts
new file mode 100644
index 0000000..34e277b
--- /dev/null
+++ b/viewer/src/services/ui/ldSaveScroll.ts
@@ -0,0 +1,37 @@
1/* ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery.
3--
4-- Copyright (C) 2019-2022 Guillaume FOUET
5--
6-- This program is free software: you can redistribute it and/or modify
7-- it under the terms of the GNU Affero General Public License as
8-- published by the Free Software Foundation, either version 3 of the
9-- License, or (at your option) any later version.
10--
11-- This program is distributed in the hope that it will be useful,
12-- but WITHOUT ANY WARRANTY; without even the implied warranty of
13-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14-- GNU Affero General Public License for more details.
15--
16-- You should have received a copy of the GNU Affero General Public License
17-- along with this program. If not, see <https://www.gnu.org/licenses/>.
18*/
19
20import { MaybeElementRef, unrefElement } from '@vueuse/core';
21import { nextTick, watch } from 'vue';
22import { useRoute } from 'vue-router';
23
24type ScrollPosition = Record<string, number>;
25
26export const useLdSaveScroll = (element: MaybeElementRef) => {
27 const scrollPositions: ScrollPosition = {};
28 const route = useRoute();
29
30 watch(() => decodeURIComponent(route.path), (newRoute, oldRoute) => {
31 const el = unrefElement(element);
32 if (!el) return;
33
34 scrollPositions[oldRoute] = el.scrollTop / el.scrollHeight;
35 nextTick(() => (el.scrollTop = scrollPositions[newRoute] * el.scrollHeight));
36 });
37};