Télécharger
Noter:

Ajouté le 2022-04-24
Visionné 97 fois

Comment scroller dans une div avec jQuery (ou pur Javascript)

Description

Un script tout simple qui permet d'aller à un endroit précis dans une div qui est en CSS overflow (avec débordement, défilement avec scrollbar)

function scroller(parent, enfant, decallageY = 0){

//parent et enfant peuvent être : .classe ou #id
//decallageY : ce paramètre est pratique pour faire descendre la div enfante un peu plus bas que 0

let deja_scroll = $(parent).scrollTop();
let la_ou_est_la_div = $(parent + " " + enfant).offset().top;

$(parent).animate({scrollTop:(la_ou_est_la_div + deja_scroll - decallageY)});
}
function scroller(parent, enfant, decallageY = 0){

//parent et enfant peuvent être : .classe ou #id
//decallageY : ce paramètre est pratique pour faire descendre la div enfante un peu plus bas que 0

let deja_scroll = document.querySelector(parent).scrollTop;
let la_ou_est_la_div = document.querySelector(parent + " " + enfant).getBoundingClientRect().y;

document.querySelector(parent).scrollTop = (la_ou_est_la_div + deja_scroll - decallageY);
}
//simplement appeler la fonction :
scroller("#div_parente", ".div_enfante", 53)



Besoin de travaux pour votre site ?

Je suis disponible, contactez-moi !

Commentaires

Ajouter un commentaire

Commenter
Pseudo/Nom
Email
Message
Captcha
memo1memo2
Commenter
Pas encore de commentaire, soyez le premier !

Retour à la liste des scripts