Fix scroll jumping

Author: Ives van Hoorne

packages/homepage/src/components/Footer.js

@@ -67,6 +67,17 @@ const Background = styled.div`
   z-index: 100;
 `;
 
+const BasComponent = () => (
+  <a
+    id="bas"
+    href="https://www.linkedin.com/in/basbuursma/"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    Bas Buursma
+  </a>
+);
+
 export default () => (
   <Background id="footer">
     <MaxWidth width={1280}>
@@ -151,16 +162,7 @@ export default () => (
       </Container>
 
       <Authors>
-        By{' '}
-        <a
-          id="bas"
-          href="https://www.linkedin.com/in/basbuursma/"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Bas Buursma
-        </a>{' '}
-        and{' '}
+        By <BasComponent /> and{' '}
         <a
           id="ives"
           href="https://twitter.com/CompuIves"

packages/homepage/src/components/StickyNavigation.js

@@ -106,7 +106,11 @@ export default class StickyNavigation extends React.PureComponent<Props> {
   };
 
   componentDidMount() {
-    window.addEventListener('scroll', this.handleScroll);
+    // To prevent jumping
+    setTimeout(() => {
+      window.addEventListener('scroll', this.handleScroll);
+      this.handleScroll();
+    }, 500);
     const { y } = getScrollPos(Date.now(), false);
 
     const { top, height } = document