Implement dynamic web page document title change

1 files changed, 12 insertions, 4 deletions

diff --git a/src/pages/Home.js b/src/pages/Home.js
index b0936502..1486f422 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -12,6 +12,10 @@ import jQuery from "../util/jquery";
 import "./Home.css";
 
 class Home extends React.Component {
+    state = {
+        scrollSpySetup: false,
+    };
+
     componentDidMount() {
         const scrollOffset = 60;
         jQuery("#navbar").find("li a").click(function (e) {
@@ -22,10 +26,14 @@ class Home extends React.Component {
             jQuery(jQuery(this).attr('href'))[0].scrollIntoView();
             window.scrollBy(0, -scrollOffset);
         });
-        jQuery("body").scrollspy({
-            target: "#navbar",
-            offset: scrollOffset
-        });
+
+        if (!this.state.scrollSpySetup) {
+            jQuery("body").scrollspy({
+                target: "#navbar",
+                offset: scrollOffset
+            });
+            this.setState({scrollSpySetup: true});
+        }
     }
 
     render() {