"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment puis-je faire défiler automatiquement un div à un élément spécifique à l'intérieur sans faire défiler la page entière?

Comment puis-je faire défiler automatiquement un div à un élément spécifique à l'intérieur sans faire défiler la page entière?

Publié le 2025-03-24
Parcourir:551

How can I automatically scroll a div to a specific element within it without scrolling the entire page?

faire défiler un élément dans un div

vous visez à programmer un div de défilement pour défiler automatiquement vers un élément en cliquant. En utilisant ScrolLinToView (true) semble faire défiler la page entière, vous laissant perplexe. Ceci est réalisé via:

var myelement = document.getElementByid ('élément_within_div'); var toppos = myelement.offsettop;

Le toppos contient désormais la distance de pixel entre le haut de la div et l'élément que vous voulez visible. toppos;

Dans le prototype js, cela se traduit par:
var myElement = document.getElementById('element_within_div');
var topPos = myElement.offsetTop;
var posArray = $ ('élément_within_div'). positiondoffset (); $ ('scrolling_div'). ScrollTop = posArray [1];

Cette action fait défiler la div pour aligner l'élément spécifié en haut, ou aussi près que possible si le défilement ne permet pas d'atteindre le haut.

Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3