Progress zync
This commit is contained in:
parent
b3a1bd2034
commit
b8051fb86e
|
@ -3,7 +3,8 @@
|
||||||
import { Parallax, ParallaxLayer, StickyLayer } from 'svelte-parallax';
|
import { Parallax, ParallaxLayer, StickyLayer } from 'svelte-parallax';
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
import ZSpacer from './lib/Universal/ZSpacer.svelte';
|
import ZSpacer from './lib/Universal/ZSpacer.svelte';
|
||||||
import planeImg from './images/PlaneGrid.png';
|
import planeImg from './assets/images/PlaneGrid.png';
|
||||||
|
import imgBackground from './assets/images/CubeSideTransparent.png';
|
||||||
|
|
||||||
window.onload = function() {
|
window.onload = function() {
|
||||||
//window.scrollTo(0, 100);
|
//window.scrollTo(0, 100);
|
||||||
|
@ -41,6 +42,12 @@
|
||||||
>
|
>
|
||||||
<ParallaxLayer rate={0} span={10} style="background: url('{planeImg}'); filter: brightness(10%);" />
|
<ParallaxLayer rate={0} span={10} style="background: url('{planeImg}'); filter: brightness(10%);" />
|
||||||
|
|
||||||
|
<ParallaxLayer rate={1} span={2}>
|
||||||
|
<div style="background: url('{imgBackground}'); filter: brightness(100%); z-index: 1; height: 10%;">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</ParallaxLayer>
|
||||||
|
|
||||||
<StickyLayer offset={{ top: 0, bottom: 10 }} style="z-index: 1000;">
|
<StickyLayer offset={{ top: 0, bottom: 10 }} style="z-index: 1000;">
|
||||||
<div>
|
<div>
|
||||||
{scrollPos}
|
{scrollPos}
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 250 KiB After Width: | Height: | Size: 250 KiB |
Loading…
Reference in New Issue