title: Chrome: Throttling history state changes to prevent the browser from hanging. ReactJs and jQuery
body: <blockquote>
    <p>I am just changing the url when page go to particular height. but
    it shows me error in the 
    chrome :<strong>Throttling history state changes to
    prevent the browser from hanging.</strong> after 1200 height. but it is working
    fine in the firefox so some one know how to prevent from this warning
    if yes please tell me  ?</p>
  </blockquote>
  
  <pre><code> function myFunction(){
              var h = ($("html").scrollTop());
                          if(h == 0){
                               window.history.pushState(null,null,'/');
                              // console.log("0oo");
                          }
                          else if(h &gt;= 1 &amp;&amp; h &lt;= 600){
                               window.history.pushState(null,null,"abc");
                              // console.log("test");
                          }
                          else if (h &gt;= 600 &amp;&amp; h &lt;= 1200) {
                              history.pushState(null, null, 'def');
                              // console.log("test1");
                          }
                          else if (h &gt;= 1200 &amp;&amp; h &lt;= 1800) {
                              history.pushState(null, null, 'ghi');
                              // console.log("test2");
                          }
                          else if (h &gt;= 1800 &amp;&amp; h &lt;= 2400) {
                              history.pushState(null, null, 'jkl');
                              // console.log("test3");
                          }
                          else if (h &gt;= 2400 &amp;&amp; h &lt;= 3000) {
                              history.pushState(null, null, 'mno');
                              // console.log("test4");
                          }
                          else if (h &gt;= 3000 &amp;&amp; h &lt;= 3600) {
                              history.pushState(null, null, 'pqr');
                              // console.log("test5");
                          }
                          else if (h &gt;= 3600 &amp;&amp; h &lt;= 4200) {
                              history.pushState(null, null, 'stu');
                              // console.log("test6");
                          }
                          else{
  
                          }
      }
  </code></pre>