Télécharger
Noter:
Ajouté le 2022-04-24
Visionné 912 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)
Commentaires
Pas encore de commentaire, soyez le premier !
Retour à la liste des scripts