2017-10-09 4 views
0

J'utilise la version 1.4.13 du plugin, je me suis également assuré que la page a chargé le plugin avec succès.jQuery scrollTo plugin ne fonctionne pas

Cela fonctionnait bien sur mon site Web mais maintenant il semble ne rien faire. J'utilise le code suivant pour l'exécuter:

HTML:

<span class="button-project-info"> 
    <a class="button button-04" href="#project-info">Project Info</a> 
</span> 

CSS:

$('.button-project-info a').bind('click', function(e) { 
    try { 
     e.preventDefault(); 
     target = this.hash; 
     $('html, body').scrollTo(target, 150); 
    } catch (error) { 
     alert('error - ' + error); 
    } 
}); 

J'ai aussi essayé ce qui suit, et l'état alert fonctionne bien lorsque le lien est cliqué:

$('.button-project-info a').bind('click', function(e) { 
    alert('0000'); 
}); 

Répondre

1

Si vous voulez faire dérouler toute la page, utilisez:

target = this.hash; 
    $(window).scrollTo(target, 150); 

J'ai tendance à utiliser le href de l'ancre quand je fais ça, donc au lieu de target = this.hash; je prends le hachage à partir du lien.

Voici ma mise en oeuvre préférée, qui attire essentiellement tous les hachage URL et des parchemins ...

$('.button-project-info a').click(function() { 
    var hash = '#' + this.href.split('#')[1]; 
    $(window).scrollTo(hash, 1000); 
    return false; 
});