Route in scroll reactjs ändern

Question

Ich habe eine Frage, aber ich weiß nicht, wie es zu lösen, ich suche, wenn ich nach unten scrollen, zeigen Sie mir die folgenden Routen und scrollen, um mir die vorherigen Routen

ich hoffe, einige Führer

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

Es gibt eine OnScroll Fall, dass Sie als Trigger verwenden können, hier ist ein Beitrag, wie man bestimmen, ob sie gescrollt nach oben oder unten:

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

Und hier ist ein Link, wie man programmatisch die Strecke Reagieren ändern:

Programmatically navigate using react router

Also, wenn sie bewegen, prüfen, ob es nach oben oder unten ist, dann die nächste/vorherige Route entsprechend drücken. Ich weiß nicht, ob es etwas eingebaut ist, um die Route direkt vor/nach einer bestimmten Route zu bekommen, so dass Sie nur eine Liste von ihnen irgendwo als Referenz benötigen