Javascript Girl
  1. Javascript Girl
  3. ScrollTop jquery, défilement vers div avec id?
Intereting Posts
Est-il possible de déclencher l'événement du clic du milieu de la souris en utilisant Javascript? JQuery Mobile – Créer dynamiquement des éléments de formulaire Peut-on télécharger complètement une page Web avec chrome.downloads.download? (Extension Google Chrome) Comment trouver les doublons dans un tableau en utilisant jquery À propos de la même politique d'origine … Puis-je faire cela? Modification des données du presse-papiers lors de la copie / collage d'un site web Expression régulière pour type d'entrée HTML5 = temps JqGrid – rowObject incohérences? Naviguer dans un domine sans racine avec JQuery Combinaison d'Angularjs et CodeIgniter Chargement simultané des données Quelle est la différence entre `new Object ()` et la notation literale d'objet? Boussole de section non fermée Iframe vs innerHTML pour un dialogue modal – qui est mieux? Création d'une grille dynamique de divs avec Javascript

ScrollTop jquery, défilement vers div avec id?

C'est donc le code actuel que j'ai 

$(document).ready(function() { $('.abouta').click(function(){ $('html, body').animate({scrollTop:308}, 'slow'); return false; }); $('.portfolioa').click(function(){ $('html, body').animate({scrollTop:708}, 'slow'); return false; }); $('.contacta').click(function(){ $('html, body').animate({scrollTop:1108}, 'slow'); return false; }); });

Lorsque vous cliquez sur un lien, par exemple 'abouta', il se déplace vers cette section spécifique de la page. Je préférerais faire un scrollTo et ensuite l'id d'un div pour ne pas continuer à changer la position scrollTo si je change de rembourrage etc. Y a-t-il un moyen? Merci

au lieu de 

 $('html, body').animate({scrollTop:xxx}, 'slow');

utilisation 

 $('html, body').animate({scrollTop:$('#div_id').position().top}, 'slow');

Cela renverra la position supérieure absolue de n'importe quel élément que vous choisissez comme #div_id

essaye ça: 

 $('html, body').animate({scrollTop:$('#xxx').position().top}, 'slow'); $('#xxx').focus();

Si vous souhaitez faire défiler juste un certain div, utilisez l'ID div au lieu de 'html, body' 

 $('html, body').animate(...

utilisation 

 $('#mydivid').animate(...

essaye ça 

  $('#div_id').animate({scrollTop:0}, '500', 'swing');