mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-12-23 01:29:41 +01:00
remove availability scroll stuff
This commit is contained in:
parent
2f13a07652
commit
542dc58244
@ -8,52 +8,6 @@ class Availability extends PureComponent {
|
|||||||
super(props)
|
super(props)
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
if (this.props.meta.availability.status === true) {
|
|
||||||
let supportsPassive = false
|
|
||||||
|
|
||||||
try {
|
|
||||||
const opts = Object.defineProperty({}, 'passive', {
|
|
||||||
get: function() {
|
|
||||||
supportsPassive = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.addEventListener('test', null, opts)
|
|
||||||
} catch (e) {
|
|
||||||
return e
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener(
|
|
||||||
'scroll',
|
|
||||||
this.handleScroll,
|
|
||||||
supportsPassive ? { passive: true } : false
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
window.removeEventListener('scroll', this.handleScroll)
|
|
||||||
}
|
|
||||||
|
|
||||||
handleScroll = () => {
|
|
||||||
let timeout
|
|
||||||
const footer = document.getElementsByClassName('footer')[0]
|
|
||||||
const availability = document.getElementsByClassName('availability')[0]
|
|
||||||
|
|
||||||
if (!timeout) {
|
|
||||||
timeout = setTimeout(function() {
|
|
||||||
timeout = null
|
|
||||||
|
|
||||||
if (footer.getBoundingClientRect().top <= window.innerHeight) {
|
|
||||||
availability.style.opacity = 0
|
|
||||||
window.removeEventListener('scroll', this.handleScroll)
|
|
||||||
} else {
|
|
||||||
availability.style.opacity = 1
|
|
||||||
}
|
|
||||||
}, 300)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { availability } = this.props.meta
|
const { availability } = this.props.meta
|
||||||
const { status, available, unavailable } = availability
|
const { status, available, unavailable } = availability
|
||||||
|
Loading…
Reference in New Issue
Block a user