Исправил ошибку в head-script.js

582ef22c · Nikolay Gromov · 6fda5660 · 582ef22c
Commit 582ef22c authored Sep 06, 2020 by Nikolay Gromov
Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 10 deletions

head-script.js src/js/head-script.js +12 -10

No files found.
--- a/src/js/head-script.js
+++ b/src/js/head-script.js
@@ -19,13 +19,15 @@ window.addEventListener('resize', () => {
  document.documentElement.style.setProperty('--vh', `${vh}px`);
 });
-// Добавление css-custom-scroll-size для борьбы с проблемами скроллируемых блоков
+// Добавление css-scroll-size для борьбы с проблемами скроллируемых блоков
-const outer = document.createElement('div');
+document.addEventListener("DOMContentLoaded", () => {
-const inner = document.createElement('div');
+  const outer = document.createElement('div');
-outer.style.overflow = 'scroll';
+  const inner = document.createElement('div');
-outer.classList.add('scrollbar');
+  outer.style.overflow = 'scroll';
-document.body.appendChild(outer);
+  outer.classList.add('scrollbar');
-outer.appendChild(inner);
+  document.body.appendChild(outer);
-const scrollbarSize = outer.offsetWidth - inner.offsetWidth;
+  outer.appendChild(inner);
-document.body.removeChild(outer);
+  const scrollbarSize = outer.offsetWidth - inner.offsetWidth;
-document.documentElement.style.setProperty('--css-custom-scroll-size', `${scrollbarSize}px`);
+  document.body.removeChild(outer);
+  document.documentElement.style.setProperty('--css-scroll-size', `${scrollbarSize}px`);
+});