Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
m4lab_tv1
Project Page
Commits
5ffbf86e
Commit
5ffbf86e
authored
3 years ago
by
Rosanny Sihombing
Browse files
Options
Download
Email Patches
Plain Diff
"Go to top" button: move JS and CSS to Landing Page
parent
30f570a8
master
devel
testing
4 merge requests
!86
ignore ts built folder
,
!85
deployment
,
!84
prepare deployment
,
!78
"Go to top" button: move JS and CSS to Landing Page
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
views/DE/project/projectList.pug
+1
-34
views/DE/project/projectList.pug
with
1 addition
and
34 deletions
+1
-34
views/DE/project/projectList.pug
+
1
-
34
View file @
5ffbf86e
...
...
@@ -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 <a href="/projektinformationen">hier</a>.
...
...
@@ -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()
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets