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

Ajouter un commentaire

Commenter

Pseudo/Nom

Email

Message

Captcha

Captcha temporairement HS, tapez 2 svp

Commenter

Retour à la liste des scripts