Connaissez vous cet effet?

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
Mathieu

Bonjour lionel_css3,

J'avais fait un proto de 200 lignes de code (contre les 20 de Mathieuu )
mais pas en Jquery et avec d'autres options, voici le lien au cas où!
https://codepen.io/Zonecss/pen/dLembM

Ah non mais c'est pas mon code . J'ai juste sortie ce bout de code du site qu'il a donné