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:
@@ -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>
|
||||
|
||||
@@ -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)}>
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user