スクロールリアクションのルートを変更

Question

私は質問がありますが、それを解決する方法はわかりません。スクロールして次のルートを表示し、スクロールして前のルートを表示します。

私はあなたがトリガーとして使用することができますonScrollイベントがあります

class Routes extends Component { 
    render() { 
    return (
     <Router history={browserHistory}> 
     <Route path='/' component={HomeLayout}> 
      <IndexRoute component={HomeComponent} /> 
     </Route> 
     <Route path='aps' component={AppServiceLayout}> 
      <IndexRoute /> 
     </Route> 
     <Route path='portfolio' component={portfolioLayout}> 
      <IndexRoute /> 
     </Route> 
     <Route path='about_us' component={aboutUsLayout}> 
      <IndexRoute /> 
     </Route>   
     <Route path='*' component={HomeLayout}> 
      <IndexRoute component={NotFoundComponent} /> 
     </Route> 
     </Router> 
    ); 
    } 
} 

Answer 1

いくつかのガイドを願っていますが、ここで彼らはスクロールアップまたはダウンかどうかを確認する方法についての記事です：

How can I determine the direction of a jQuery scroll event?

そして、ここでは、プログラム的にリアクトルート変更する方法のリンクです：それはアップまたはダウンだかどうかを確認し、そう

Programmatically navigate using react router

彼らはスクロールし、それに応じて次/前の経路を押してください。特定のルートの直前/直後にルートを取得するために何かが組み込まれている場合は、私は気にしません。したがって、参照としてどこかのリストを必要とするかもしれません。