totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-22 15:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

implement sapper no scroll

Browse Source
This commit is contained in:
Daniil Khanin
2018-10-05 00:13:08 +03:00
parent 3026e7c36e
commit 05b702938f
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/src/client/app.ts
View File

@@ -106,16 +106,17 @@ export function scroll_state() {
}; };
} }
export function navigate(target: Target, id: number): Promise<any> { export function navigate(target: Target, id: number, has_scroll = false): Promise<any> {
if (id) { if (id) {
// popstate or initial navigation // popstate or initial navigation
cid = id; cid = id;
} else { } else {
const current_scroll = scroll_state()
// clicked on a link. preserve scroll state // clicked on a link. preserve scroll state
scroll_history[cid] = scroll_state(); scroll_history[cid] = current_scroll;
id = cid = ++uid; id = cid = ++uid;
scroll_history[cid] = { x: 0, y: 0 }; scroll_history[cid] = has_scroll ? current_scroll : { x: 0, y: 0 };
} }
cid = id; cid = id;

3
templates/src/client/start/index.ts
View File

@@ -102,8 +102,9 @@ function handle_click(event: MouseEvent) {
if (url.pathname === location.pathname && url.search === location.search) return; if (url.pathname === location.pathname && url.search === location.search) return;
const target = select_route(url); const target = select_route(url);
const has_scroll = a.hasAttribute('sapper-noscroll')
if (target) { if (target) {
navigate(target, null); navigate(target, null, has_scroll);
event.preventDefault(); event.preventDefault();
history.pushState({ id: cid }, '', url.href); history.pushState({ id: cid }, '', url.href);
} }