[WEB-4393] Fix anchor scrolling bug on Chrome browser (DataDog#21120)

* Add overflow style to body to fix scroll https://stackoverflow.com/a/40372844 * tweak script * Update table-of-contents.js * Update table-of-contents.js * Update table-of-contents.js

Author: nsollecito

assets/scripts/components/table-of-contents.js

@@ -10,18 +10,6 @@ const tocCloseIcon = document.querySelector('.js-mobile-toc-toggle .icon-small-x
 const tocBookIcon = document.querySelector('.js-mobile-toc-toggle .icon-small-bookmark');
 const tocEditBtn = document.querySelector('.js-toc-edit-btn');
 
-// Fixes Chrome issue where pages with hash params are not scrolling to anchor
-const chromeHashScroll = () => {
- const isChrome = /Chrome/.test(navigator.userAgent);
- if (window.location.hash && isChrome) {
- setTimeout(function () {
- const hash = window.location.hash;
- window.location.hash = '';
- window.location.hash = hash;
- }, 300);
- }
-};
-
 function isTOCDisabled() {
  const toc = document.querySelector('#TableOfContents');
  if (!toc) {
@@ -231,9 +219,6 @@ function handleAPIPage() {
  }
 }
 
-DOMReady(chromeHashScroll);
-DOMReady(handleAPIPage);
-
 if (tocMobileToggle) {
  tocMobileToggle.addEventListener('click', toggleMobileTOC);
 }
@@ -250,3 +235,17 @@ window.addEventListener('resize', () => {
 window.addEventListener('scroll', () => {
  onScroll();
 });
+
+DOMReady(handleAPIPage);
+
+// Fixes Chrome issue where pages with hash params are not scrolling to anchor
+window.addEventListener('load', () => {
+ const isChrome = /Chrome/.test(navigator.userAgent);
+ if (window.location.hash && isChrome) {
+ setTimeout(function () {
+ const hash = window.location.hash;
+ window.location.hash = '';
+ window.location.hash = hash;
+ }, 300);
+ }
+});