diff options
author | Ivan Palamarchuk <i.delef@gmail.com> | 2020-10-03 11:10:12 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-03 11:10:12 +0300 |
commit | cc6410278dae779a3ce514dd395b0ce8abba9005 (patch) | |
tree | fa8f6f4079e12a4a703825f5d7e44f017b35312d | |
parent | 434ddd1f7cfe1397a3c257c93818db2d7db7e23e (diff) |
remove deprecated webkitTransform
-rw-r--r-- | assets/js/progressBar.js | 10 |
1 files changed, 3 insertions, 7 deletions
diff --git a/assets/js/progressBar.js b/assets/js/progressBar.js index d49f914..86ea156 100644 --- a/assets/js/progressBar.js +++ b/assets/js/progressBar.js @@ -1,7 +1,6 @@ window.addEventListener("scroll", updateProgress); progressBar = document.getElementById("progressBar"); - scrollProgress = document.getElementById("progressIndicator"); if (document.getElementById("subscriptionSection")){ @@ -25,11 +24,8 @@ bottomOffset += bottomOffset * 1.1; function updateProgress(){ - let percentScrolled = ((window.pageYOffset / document.body.scrollHeight) * (100 + bottomOffset)); - - let transformation = "translateY(" + percentScrolled + "%)"; - scrollProgress.style.webkitTransform = (transformation); - + let percentScrolled = (window.pageYOffset / document.body.scrollHeight) * (100 + bottomOffset); + scrollProgress.style.transform = "translateY(" + percentScrolled + "%)"; if (percentScrolled > 100){ progressBar.style.animationName = "progress-fade-out"; @@ -43,4 +39,4 @@ function updateProgress(){ progressBar.style.opacity = "1"; }, 500); } -}
\ No newline at end of file +} |