jQuery Défilement Lisse
J'ai essayé de mettre en œuvre de défilement lisse en un indice de l'info. J'ai regardé ce jsFiddle http://jsfiddle.net/9SDLw/ et je ne peux pas le faire fonctionner. Importe-t-il lorsque le code est inséré dans le Document HTML ou quelque chose?
Voici mon code:
JS (en tête du document):
<script type="text/javascript">
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
</script>
Balisage:
Lien
<a href = "#G" rel = "" id="G" class="anchorLink">G</a><br />
D'ancrage
<a name = "G" id="G"><span class = "letters">G</span></a><br />
Ce qui me manque ici?
Vous avez besoin de le mettre dans un document.prêt()
OriginalL'auteur Ben | 2012-05-11
Vous devez vous connecter pour publier un commentaire.
jsBin démo
et que quelque part dans votre document...
jQ:
ce que le ci-dessus n'est à utiliser l'extrait d'ancrage
href
et l'utiliser comme jQuery # (id) du sélecteur. Constaté que l'ID de l'élément, c'est faire le topoffset
et enfin d'animer la page.vous voulez dire que vous voulez avoir:
a_link, b_link ...
et en même tempsa_content, b_content
etc, non?Un peu. Fondamentalement, j'ai juste une lettre "A" avec un peu de CSS. Puis, sur la droite, j'ai une Une qui correspondrait le faire d'abord Un point d'ancrage de la. Et ainsi de suite et ainsi de suite vers le bas par le biais de l'alphabet. Ainsi, l'ajout de l'ID, c'est pas un mal je pense.
Il ne semble pas y avoir de travail dans Google Chrome. (Je pense à défilement lisse est le défilement par défaut le comportement de Firefox. C'est ce qui explique pourquoi il ne fonctionne pas dans Chrome).
+1 C'est une excellente réponse. Je vous remercie.
OriginalL'auteur Roko C. Buljan
Vous devez mettre toutes vos code avec
ou tout simplement
OriginalL'auteur user2526475