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> <template>
<div <div
class={{concatClass class={{concatClass
@ -70,9 +83,9 @@ export default class Rewind extends Component {
> >
<div class="rewind"> <div class="rewind">
<div class="background-1"> <div class="background-1 parallax-bg">
</div> </div>
<div class="background-2"></div> <div class="background-2 parallax-bg"></div>
{{#if this.loadingRewind}} {{#if this.loadingRewind}}
<div class="rewind-loader"> <div class="rewind-loader">
<div class="spinner small"></div> <div class="spinner small"></div>