Discussione: Flèches pour aller en haut de la page
Bonsoir
Je voudrais mettre dans la marge de mon adHoc une petites flèches pour aller en haut de la page. Comment fait-on ?
pour l'instant j'ai résolu en insérant dans les pages créées le code suivant:
<style>
#miopulsante {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 10px;
border-radius: 10px;
}
#miopulsante:hover {
background-color: #555;
}
</style>
<button onclick="topFunction()" id="miopulsante" title="Go to top" style="display: block;">▲</button>
<script>
// 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 > 300 || document.documentElement.scrollTop > 300) {
document.getElementById("miopulsante").style.display = "block";
} else {
document.getElementById("miopulsante").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>mais est possible de le mettre dans le fichier skin.css de la skin pour l'avoir automatiquement sur toutes les pages?
Merci d'avance de le reponce
Valdo ( Wald23)