From d628e0ac5162bb1baeb16fcf21b688d37bbff758 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Fri, 22 Sep 2017 13:39:50 +0200 Subject: Implement dynamic web page document title change --- src/pages/Home.js | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) (limited to 'src/pages/Home.js') 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() { -- cgit v1.2.3