status-im/artproject
2
0
Fork 0
mirror of https://github.com/status-im/artproject.git synced 2025-02-22 12:48:09 +00:00
Code Issues Projects Releases Wiki Activity

Fix parallax toggle

Browse Source
This commit is contained in:
Maciej Matuszewski 2018-01-18 07:56:38 +01:00
parent 9db307cd9b
commit b6be8a4048
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/scripts/parallax.js
View File

@ -1,6 +1,7 @@
import Rellax from 'rellax';
const PARALLAX_CLASS = '.js-parallax';
const PARALLAX_BREAKPOINT = 1200;
function initializeRellax() {
return new Rellax(PARALLAX_CLASS, {
@ -14,14 +15,17 @@ function initializeRellax() {
export default function init() {
let rellax;
initializeRellax();
if (window.innerWidth > PARALLAX_BREAKPOINT) {
initializeRellax();
}
window.addEventListener('resize', () => {
const width = window.innerWidth;
if (width >= 1200 && rellax === undefined) {
if (width >= PARALLAX_BREAKPOINT && rellax === undefined) {
rellax = initializeRellax();
} else if (rellax && rellax.destroy && width < 1200) {
} else if (rellax && rellax.destroy && width < PARALLAX_BREAKPOINT) {
rellax.destroy();
rellax = undefined;
}