11522 sujets

JavaScript, DOM et API Web HTML5

bonsoir,


en consultant ce site web je suis tombé sur un effet intéressant:

Lorsque l'on va au de la de la ligne de flottaison, il y a un curseur qui s'affiche en bas de la page et qui indique, en pourcentage, à quel niveau de la page on se trouve..

Vous savez comment on peut réaliser cet effet? apparemment en injectant du code Css en ligne mais j'ai pas trouvé le code correspondant...
Modifié par lionel_css3 (20 May 2019 - 22:13)
Salut,

en regardant rapidement, cela m'a l'air lié à ce bout de code javascript :

function progress() {
var position = $(window).scrollTop() + window.innerHeight;
var w = (position - contentStart) * 100 / contentHeight;
if ($(window).scrollTop() == 0) {
w = 0
}
if (position >= contentEnd) {
w = 100;
$('.progressbar').addClass('progressbar--completed')
} else {
$('.progressbar').removeClass('progressbar--completed')
}
if (window.innerWidth >= 768) {
$('.progressbar').css('width', 'calc(' + w + '% - 56px)')
} else {
$('.progressbar').css('width', w + '%')
}
w = Math.round(w);
$('.progressbar__bubble').html(w + '%')
}

Bonne journée Smiley smile
Mathieu