Pourcentage jQuery

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Clome
Messages : 3
Enregistré le : 28 avr. 2021, 10:47

Pourcentage jQuery

Message par Clome » 28 avr. 2021, 10:52

Bonjour à tous,
Etant novice en jQuery je suis à la recherche de la façon d'intégrer un pourcentage dans un code jQuery.
J'ai ajouté ce code pour qu'une side bar apparaisse au scroll, et j'aimerais mettre un pourcentage au lieu de "1050" pour adapter ce code à toutes mes pages. Est-ce que vous avez une solution à me proposer, s'il vous plait ?

<script>
jQuery(function($) {
$(window).scroll(function() {
if ($(this).scrollTop() > "1050") {
$(".et_social_sidebar_networks").css('visibility','visible');
$('.et_social_sidebar_networks').show();
} else {
$('.et_social_sidebar_networks').hide();
}
});
});
</script>

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Pourcentage jQuery

Message par webmaster » 28 avr. 2021, 13:43

Bonjour,

Le pourcentage serait calculé sur la hauteur de la page je suppose ?
Pour avoir la hauteur du document, on utilise simplement

Code : Tout sélectionner

$( document ).height()
Donc, pour tester 50% de la hauteur :

Code : Tout sélectionner

if ($(this).scrollTop()/$( document ).height() > 0.5) {
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Clome
Messages : 3
Enregistré le : 28 avr. 2021, 10:47

Re: Pourcentage jQuery

Message par Clome » 28 avr. 2021, 18:37

Oui, c'était bien sur la hauteur de la page !
Ça fonctionne super bien, merci beaucoup :)

Répondre