totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-14 03:54:46 +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) {
// popstate or initial navigation
cid = id;
} else {
const current_scroll = scroll_state()
// clicked on a link. preserve scroll state
scroll_history[cid] = scroll_state();
scroll_history[cid] = current_scroll;
id = cid = ++uid;
scroll_history[cid] = { x: 0, y: 0 };
scroll_history[cid] = has_scroll ? current_scroll : { x: 0, y: 0 };
}
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;
const target = select_route(url);
const has_scroll = a.hasAttribute('sapper-noscroll')
if (target) {
navigate(target, null);
navigate(target, null, has_scroll);
event.preventDefault();
history.pushState({ id: cid }, '', url.href);
}