faire défiler vers un ensemble d'éléments à l'écran avec jquery

Question

Je veux écrire une fonction jquery qui prendra un certain nombre d'éléments div par id ou class et l'écran défilera pour qu'ils soient visibles. Je sais que cela ne sera peut-être pas possible si les divs sont répartis sur la page et qu'il est impossible de tout voir, mais que vous aimeriez être en mesure d'en informer l'utilisateur.

Des conseils sur comment je peux faire cela?

Answer 1

Si vous avez un sélecteur, vous pouvez simplement utiliser .scrollTop() pour aller au premier élément les matchs de sélection, comme ceci:

$(window).scrollTop($(".selector").scrollTop()); 

Ou pour l'animer il est donc pas un saut immédiat là, utilisez .animate() :

$("html, body").animate({ scrollTop: $(".selector").scrollTop() }, 5000); 

Answer 2

Si vous souhaitez faire défiler la fenêtre vers un élément, vous pouvez utiliser le plugin scrollTo pour jQuery.

$.scrollTo('#focusOnMe'); 

Vous pouvez visiter this page pour voir quelques démos du plug-in au travail.

Answer 3

sans plugin jquery $ (fenêtre) .scrollTop (. $ ("# destinationDiv") offset() en haut.);