Trouver un texte et y faire défiler avec javascript

Question

J'ai un div qui contient des centaines de lignes. Je veux créer une fonction qui me permet de trouver un texte et faites défiler en elle:

function findAndScroll(text) 

Alors, j'entrez le texte voulu dans un texte d'entrée, je clique sur le bouton « Go » qui déclenchera la "findAndScroll" fonction puis je me suis déplacé à ce texte. Avant le codage, y a-t-il un plugin jQuery existant ou une bibliothèque javascript qui peut le faire?

Merci,

Cordialement.

Answer 1

Vous pouvez utiliser une fonction telle que this pour trouver le texte et le mettre en surbrillance. Vous pouvez alors faire défiler à l'élément mis en surbrillance comme ceci:

var offset = $("#id_of_highlighted_element").offset().top; 
window.scrollTo(0,offset); 

ou vous pouvez simplement aller l'id comme celui-ci

window.location = "#id_of_highlighted_element"; 

Cependant window.scrollTo est plus souple car vous pouvez définir l'élément à l'endroit où vous voulez sur la page.