diff --git a/wiki/pages/description.html b/wiki/pages/description.html index d2c517ee922c56cc628e741cf1351174d4da2dbe..05cf813df6a308b53ff64e5b04f5bcbe1c32fb5f 100644 --- a/wiki/pages/description.html +++ b/wiki/pages/description.html @@ -113,6 +113,35 @@ </div> </div> </div> +<script> + var TopDistance = 120; + let elements = [document.getElementById('one'), + document.getElementById('two'), + document.getElementById('three'), + document.getElementById('four'), + document.getElementById('five')]; + document.getElementById('six')]; + window.goTo = function(el){ + document.documentElement.scrollTop += el.getBoundingClientRect().top - TopDistance; + } + function Highlight(el, subtitle){ + if (el.getBoundingClientRect().top < TopDistance + 1 && el.getBoundingClientRect().bottom > TopDistance){ + subtitle.style.color = "#62D881"; + } + else{ + subtitle.style.color = "#185A4F"; + } + } + function HighlightCheck(){ + Highlight(elements[0], document.getElementById('subtitle1')); + Highlight(elements[1], document.getElementById('subtitle2')); + Highlight(elements[2], document.getElementById('subtitle3')); + Highlight(elements[3], document.getElementById('subtitle4')); + Highlight(elements[4], document.getElementById('subtitle5')); + Highlight(elements[5], document.getElementById('subtitle6')); + } + window.addEventListener("scroll", HighlightCheck); +</script>