Déplacer le focus lors de l'ouverture d'un panneau en utilisant JQuery

Question

sur le site suivant j'ai deux panneaux cachés étiquetés "show map" et "show floor plans".

Lorsque vous cliquez sur l'en-tête de chaque élément, le panneau coulissant s'ouvre.

Les plans d'étage sont longs et passeront donc en dessous de la page vue. est-il toujours possible de garder la mise au point en bas du panneau, de sorte que quand on clique dessus, vous arrivez à voir toute la fenêtre s'ouvrir, évitant ainsi le défilement?

le lien dev est: http://marldon.staging.dante-studios.com/property.php

Merci à l'avance.

Answer 1

Je crois que ce que vous cherchez est la méthode scrollIntoView:

$("#foo").show()[0].scrollIntoView(false); 

Le passage d'une valeur de false défile en bas de #foo au fond de la fenêtre. Passer true ou ne pas passer une valeur aligne le haut vers le haut. Cette méthode est supportée par standards-friendly browsers et par Internet Explorer.