From 480e837f2966688ce180b46be869ad46ac809269 Mon Sep 17 00:00:00 2001 From: Marcus Kammer Date: Thu, 17 Aug 2023 16:22:30 +0200 Subject: [PATCH] Add js --- public/scroll_depth.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 public/scroll_depth.js diff --git a/public/scroll_depth.js b/public/scroll_depth.js new file mode 100644 index 0000000..9544929 --- /dev/null +++ b/public/scroll_depth.js @@ -0,0 +1,20 @@ +document.addEventListener("DOMContentLoaded", function() { + let depthReached = 0; + + window.addEventListener('scroll', function() { + let s = window.scrollY, + d = document.documentElement.scrollHeight, + c = window.innerHeight, + scrollPercent = (s / (d - c)) * 100; + + if (scrollPercent > depthReached) { + depthReached = scrollPercent; + } + + if (depthReached > 50 && depthReached < 55) { + console.log("Der Benutzer hat 50% der Seite erreicht"); + } else if (depthReached > 80 && depthReached < 85) { + console.log("Der Benutzer hat 80% der Seite erreicht"); + } + }); +});