discourse/discourse-rewind
1
0
Fork 0
mirror of https://github.com/discourse/discourse-rewind.git synced 2025-07-08 14:42:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Jordan Vidrine 2025-01-03 09:42:42 -06:00
parent 1fd84fff3b
commit 1ce828080f
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/javascripts/discourse/components/rewind.gjs
View File

@ -58,6 +58,19 @@ export default class Rewind extends Component {
}
}
@action
handleScroll() {
window.addEventListener("scroll", () => {
let parent = document.getElementById("div.rewind");
let children = parent.getElementsByClassName(".parallax-bg");
for (let i = 0; i < children.length; i++) {
children[i].style.transform = `translateY(-${
(window.pageYOffset * i) / children.length
}px)`;
}
});
}
<template>
<div
class={{concatClass
@ -70,9 +83,9 @@ export default class Rewind extends Component {
>
<div class="rewind">
<div class="background-1">
<div class="background-1 parallax-bg">
</div>
<div class="background-2"></div>
<div class="background-2 parallax-bg"></div>
{{#if this.loadingRewind}}
<div class="rewind-loader">
<div class="spinner small"></div>