Chrome: Throttling history state changes

I am just changing the url when page go to particular height. but it shows me error in the chrome :Throttling history state changes to prevent the browser from hanging. after 1200 height. but it is working fine in the firefox.

function myFunction() {
var h = ($("html").scrollTop());
if (h == 0) {
window.history.pushState(null, null, '/');
// console.log("0oo");
} else if (h >= 1 && h <= 600) {
window.history.pushState(null, null, "abc");
// console.log("test");
} else if (h >= 600 && h <= 1200) {
history.pushState(null, null, 'def');
// console.log("test1");
} else if (h >= 1200 && h <= 1800) {
history.pushState(null, null, 'ghi');
// console.log("test2");
} else if (h >= 1800 && h <= 2400) {
history.pushState(null, null, 'jkl');
// console.log("test3");
} else if (h >= 2400 && h <= 3000) {
history.pushState(null, null, 'mno');
// console.log("test4");
} else if (h >= 3000 && h <= 3600) {
history.pushState(null, null, 'pqr');
// console.log("test5");
} else if (h >= 3600 && h <= 4200) {
history.pushState(null, null, 'stu');
// console.log("test6");
} else {
}
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Pardeep6y ago
hey that is me on the stack overflow. I have asked that question.
Rajanikant Hawaldar6y ago
Hi Pardeep this may help you
https://stackoverflow.com/questions/51401054/chrome-throttling-history-state-changes-to-prevent-the-browser-from-hanging-re