Comment puis-je faire jQuery aller directement à & lt; h2 id = "id-name" & gt ;?

Je veux faire de jQuery permet de naviguer directement (pas d'animation de besoin), un id que je passe dans une variable.

J'ai divers marques comme id="content"id="edit"id="..." qui sont <h2> titres. Faire la validation avec PHP je sortie une variable comme var NAVIGATE_TO = <?php echo $where_failed;?> et je veux passer le site pour que id position.

Comme si je ne domain.tld/page#edit ou #content mais avec jQuery car lorsque je charge la page de mon framework PHP ne m'autorise pas à indiquer la valeur de hachage.

source d'informationauteur udexter

  1. 34

    Vous pouvez définir emplacement.de hachage à la id vous avez besoin du navigateur pour faire défiler jusqu'à: 

    window.location.hash = '#edit';
  2. 14

    Dans mon expérience, la window.location.hash solution ne fonctionne qu'une fois. Si vous ne souhaitez pas utiliser le plugin, vous pouvez essayer ce:

    var navigationFn = {
    goToSection: function(id) {
        $('html, body').animate({
            scrollTop: $(id).offset().top
        }, 0);
    }
}

    et ensuite appeler comme so (où someID est l'ID de l'élément que vous souhaitez faire défiler jusqu'à):

    navigationFn.goToSection('#someID');

    Avec cela, vous pouvez aussi varier la vitesse de l'animation (je l'ai à 0), de sorte qu'il est instantané, mais vous pouvez transmettre la valeur de la fonction de sorte que le code est réutilisable.

  3. 5

    Utiliser le jquery scrollto plugin
    ensuite, vous pouvez le faire comme ceci

    $(document).ready(function(){  
      $(".topMenu").click(function() {
        $.scrollTo($("#edit"), { duration: 0});
      });