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

handle tag click from another page

Browse Source
This commit is contained in:
Benjamin GROENEVELD
2018-10-13 21:31:22 +02:00
parent abcac75826
commit a399d87d9b
5 changed files with 63 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,7 +13,7 @@ import {
set_cid
} from '../app';
import prefetch from '../prefetch/index';
import { Store } from '../types';
import { Store, ScrollPosition } from '../types';
export default function start(opts: {
target: Node,
@@ -35,17 +35,13 @@ export default function start(opts: {
return Promise.resolve().then(() => {
const { hash, href } = location;
const deep_linked = hash && document.getElementById(hash.slice(1));
scroll_history[uid] = deep_linked ?
{ x: 0, y: deep_linked.getBoundingClientRect().top } :
scroll_state();
const scroll_to = hash ? hash.slice(1) : scroll_state();
history.replaceState({ id: uid }, '', href);
if (!initial_data.error) {
const target = select_route(new URL(location.href));
if (target) return navigate(target, uid);
if (target) return navigate(target, uid, scroll_to);
}
});
}
@@ -104,7 +100,16 @@ function handle_click(event: MouseEvent) {
const target = select_route(url);
if (target) {
const noscroll = a.hasAttribute('sapper-noscroll');
navigate(target, null, noscroll);
let scroll_to: ScrollPosition | string;
if (noscroll) {
scroll_to = scroll_state();
} else if (url.hash) {
scroll_to = url.hash.slice(1);
} else {
scroll_to = { x: 0, y: 0 };
}
navigate(target, null, scroll_to);
event.preventDefault();
history.pushState({ id: cid }, '', url.href);
}