Je rencontre actuellement un problème avec jQuery. J'eesaie de mettre en place sur mon site (pour l'instant en local encore) un indicateur de lecture, c'est-à-dire une barre horizontale positionnée en haut de la page qui montre au-fur-et-à-mesure que l'on descend où l'on en est dans la lecture de l'article.
Le problème, c'est que normalement, la barre devrait atteindre 100 % quand on est tout en bas de la page, sauf que là, aux 3/4 de la page, la barre atteint déjà les 100%, et quand on arrive au bas de la page, on est à 150 %.
Comment serait-il possible de corriger cela ? Je pense que c'est une histoire de calcul en jQuery. J'ai déjà essayé de corriger le problème en agissant sur la propriété max-width de CSS en la mettant à 100 %, mais rien n'y fait.
Voici mon code jQuery :
$(window).scroll(function() {
var h = $(document).height();
var s = $(window).scrollTop();
var w = $(window).height();
var t = (s / h) * w;
var p = Math.ceil((s + t) / h * 110) + 1;
$('#barre').width(p + '%');
if (s > 150){
$('#barre').height(10);
$('#progression').css('height', '10px');
}else{
$('#barre').height(10);
$('#progression').css('height', '10px');
}
});
Par avance, je vous remercie de votre aide ! Je pense que ce n'est pas très compliqué à résoudre, mais mes connaissances en jQuery sont hélas trop modestes pour y parvenir.
Oui, et ça ne marche pas. J'ai essayé sans la partie header car je n'en ai pas besoin. Quand je copie-colle tout et que je le met dans mon code JS, ça ne marche pas, et quand je le met entre balises script directement dans ma page, ça ne marche pas non plus...
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Étudiant / Voyageur / Codeur / Bricoleur (à ses heures perdues)
lesjoiesducode / Les points-virgules en JavaScript
Étudiant / Voyageur / Codeur / Bricoleur (à ses heures perdues)
lesjoiesducode / Les points-virgules en JavaScript
Étudiant / Voyageur / Codeur / Bricoleur (à ses heures perdues)