From 5ffbf86e50e9d4fa272331c873649adf58787cf8 Mon Sep 17 00:00:00 2001 From: Rosanny Date: Wed, 27 Oct 2021 18:19:38 +0200 Subject: [PATCH] "Go to top" button: move JS and CSS to Landing Page --- views/DE/project/projectList.pug | 35 +------------------------------- 1 file changed, 1 insertion(+), 34 deletions(-) diff --git a/views/DE/project/projectList.pug b/views/DE/project/projectList.pug index 57fee24..36b90a2 100644 --- a/views/DE/project/projectList.pug +++ b/views/DE/project/projectList.pug @@ -46,27 +46,11 @@ html(lang="de") -webkit-box-orient: vertical; overflow: hidden; } - - #topBtn { - display: none; /* Hidden by default */ - position: fixed; /* Fixed/sticky position */ - bottom: 20px; /* Place the button at the bottom of the page */ - right: 30px; /* Place the button 30px from the right */ - z-index: 99; /* Make sure it does not overlap */ - border: none; /* Remove borders */ - outline: none; /* Remove outline */ - background-color: red; /* Set a background color */ - color: white; /* Text color */ - cursor: pointer; /* Add a mouse pointer on hover */ - padding: 10px; /* Some padding */ - font-size: 18px; /* Increase font size */ - } - body div(class="container") div(class="row") div(class="col-md-12 margin_bottom_40") - img(class="mx-auto" src="/img/ProjektcodeDaten.png" width="100%") + img(class="mx-auto" src="https://transfer.hft-stuttgart.de/img/ProjektcodeDaten.png" width="100%") div(class="container") p Hier finden Sie den direkten Zugang zu den Inhalten der bei uns gehosteten Projekte. p Weitere Informationen zu den bei uns gehosteten Projekten finden Sie hier. @@ -116,23 +100,6 @@ html(lang="de") // General functions script(src="/js/generalFunction.js") script. - //Get the "go to the top" button: - var myTopBtn = document.getElementById("topBtn"); - // When the user scrolls down 20px from the top of the document, show the button - window.onscroll = function() { scrollFunction() }; - function scrollFunction() { - if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { - myTopBtn.style.display = "block"; - } else { - myTopBtn.style.display = "none"; - } - } - // When the user clicks on the button, scroll to the top of the document - function topFunction() { - document.body.scrollTop = 0; // For Safari - document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera - } - function searchFunction() { var input = document.getElementById("searchInput") var filter = input.value.toUpperCase() -- GitLab