Merge pull request #163 from gatsbyjs/add-scroll-behavior

Add scroll-behavior to restore browser-like scroll behaviors
gatsbyjs · Mar 1, 2016 · 2e1a588 · 2e1a588
2 parents 17be1b4 + b4122db
commit 2e1a588
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/lib/utils/web-entry.js b/lib/utils/web-entry.js
@@ -1,6 +1,9 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { browserHistory, Router } from 'react-router'
+import useScroll from 'scroll-behavior/lib/useStandardScroll'
+const scrollHistory = useScroll(() => browserHistory)()
+
 import createRoutes from 'create-routes'
 import app from 'app'
 
@@ -30,7 +33,7 @@ loadConfig(() =>
 
     ReactDOM.render(
       <Router
-        history={browserHistory}
+        history={scrollHistory}
         routes={routes}
       />,
       typeof window !== 'undefined' ? document.getElementById('react-mount') : void 0)

diff --git a/package.json b/package.json
@@ -61,6 +61,7 @@
     "react-transform-hmr": "^1.0.0",
     "redbox-react": "^1.0.1",
     "sass-loader": "^3.1.2",
+    "scroll-behavior": "^0.3.2",
     "slash": "^1.0.0",
     "static-site-generator-webpack-plugin": "^2.0.1",
     "style-loader": "^0.13.0",