From f9351674fd7c55622ba65a954b5c30c18de143a2 Mon Sep 17 00:00:00 2001 From: Dominic Masters Date: Tue, 14 Aug 2018 22:00:15 +1000 Subject: [PATCH] Finally made fading elements visible until first scroll. --- public/animation/fade/ElementScrollFader.jsx | 12 ++++++++++-- public/index.html | 2 +- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/public/animation/fade/ElementScrollFader.jsx b/public/animation/fade/ElementScrollFader.jsx index 8037b29..dcf2746 100644 --- a/public/animation/fade/ElementScrollFader.jsx +++ b/public/animation/fade/ElementScrollFader.jsx @@ -27,7 +27,10 @@ class ElementScrollFader extends React.Component { constructor(props) { super(props); - this.state = { visible: false }; + this.state = { + waiting: true, + visible: false + }; this.onScrollBound = this.onScroll.bind(this); this.updateRectangleBound = this.updateRectangle.bind(this); this.checkEffectBound = this.checkEffect.bind(this); @@ -74,6 +77,11 @@ class ElementScrollFader extends React.Component { checkEffect() { if(typeof window === typeof undefined) return; if(!this.refs || !this.refs.fader) return; + if(this.state.waiting) { + this.setState({ + waiting: false + }); + } if(this.state.visible) return this.detachListener(); if(!this.rect) this.updateRectangle(); @@ -104,7 +112,7 @@ class ElementScrollFader extends React.Component { } else { clazz += " from-top"; } - if(this.state.visible) { + if(this.state.visible || this.state.waiting) { clazz += " is-visible"; } diff --git a/public/index.html b/public/index.html index c703875..829b6ec 100644 --- a/public/index.html +++ b/public/index.html @@ -1,7 +1,7 @@ - domsPlace + domsPlace - Personal Site of Dominic Masters