Avoid route change scroll when clicking on links

sapper-noscroll here for the rescue, keeps the scroll position and loads the new page content
This commit is contained in:
2020-03-06 11:06:35 +01:00
parent 78a85bbf0b
commit debf8bb747
7 changed files with 11 additions and 8 deletions

View File

@@ -4,7 +4,7 @@
</script>
<div class="location" data-aos="location">
<a href="/location/{location.country.slug}/{location.slug}" rel="prefetch">
<a href="/location/{location.country.slug}/{location.slug}" rel="prefetch" sapper-noscroll>
<img src={location.country.flag.full_url} alt="Flag of {location.country.name}">
<div class="anim-mask mask-city">
<h3 class="location__city">{location.name}</h3>

View File

@@ -63,7 +63,7 @@
<div class="photo__image wrap">
<div class="align">
<a href={photoHref}>
<a href={photoHref} sapper-noscroll>
<picture class="photo__picture">
{#if layout === 'list'}
<source media="(min-width: 992px)" data-srcset={fn.getThumbnail(photo.image.private_hash, 1300)}>

View File

@@ -22,7 +22,7 @@
<div class="switcher {type}">
<div class="switcher__text" class:empty={!location}>
<a href="/">
<a href="/" sapper-noscroll>
{#if !location}
<span class="top">Houses</span>
<span class="bottom">
@@ -36,7 +36,7 @@
</div>
<div class="button-control button-control--dashed switcher__icon">
<a href="/choose">
<a href="/choose" sapper-noscroll>
<IconGlobe
color={type.includes('side') ? '#333' : '#fff'}
width={type.includes('side') ? 18 : 24}