Мне нужно отловить событие scroll
вверх и вниз, и в зависимости от этого менять this.props.history
. Получилось отследить скролл, но не могу сообразить как менять url
в зависимости от прокрутки.
constructor (props) {
super(props);
this.state = {
menuOpen: false,
urlSite: ['/', '/about', '/products', '/partners', '/portfolio', '/contact']
};
}
scrollSite(y){
if(y < 0){
console.log('slide up')
} else {
console.log('slide down')
}
}
componentWillMount(){
window.addEventListener('wheel', (e) => {
this.scrollSite(e.wheelDelta);
})
}
<div className="content">
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/products" component={Products} />
<Route path="/partners" component={Partners} />
<Route path="/portfolio" component={Portfolio} />
<Route path="/contact" component={Contact} />
</div>