Skip to content

Commit b16e009

Browse files
authored
Update footer.html
Signed-off-by: Grouvex <168425996+Grouvex@users.noreply.github.com>
1 parent d1915cc commit b16e009

File tree

1 file changed

+29
-0
lines changed

1 file changed

+29
-0
lines changed

footer.html

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,26 @@
88
height: 5px;
99
width: 100%;
1010
}
11+
#goTopBtn {
12+
position: fixed;
13+
bottom: 15px;
14+
right: 8px;
15+
width: 8vw; /* Proporcional a la pantalla */
16+
height: 8vw; /* Proporcional a la pantalla */
17+
background-color: transparent;
18+
border: 2px solid transparent;
19+
border-radius: 50%;
20+
cursor: pointer;
21+
/* font-size: 15px; Proporcional a la pantalla */
22+
color: white;
23+
display: flex;
24+
align-items: center;
25+
justify-content: center;
26+
z-index: 1000;
27+
}
28+
#goTopBtn:hover {
29+
border-color: cyan;
30+
}
1131
</style>
1232
<footer>
1333
<div class="footer-imagenes">
@@ -46,3 +66,12 @@
4666
})();
4767
</script>
4868
<!--End of Tawk.to Script-->
69+
<script>
70+
function scrollToTop() {
71+
window.scrollTo({
72+
top: 0,
73+
behavior: 'smooth'
74+
});
75+
}
76+
</script>
77+
<button id="goTopBtn" onclick="scrollToTop()">↑ Top</button>

0 commit comments

Comments
 (0)