Déroulement avec Jquery Étapes?? Résolu/Fermé

Question

Bonjour, 

Je suis super nul! Genre que j'ai besoin des étapes une à une à ma question:

Je veux faire un site, avec la fonction « Scroll to on click» pour permettre que quand je click sur une image ou du texte, la page «scroll» tranquillement vers un point d'encrage sur ma page.

J'ai vu que c'est possible avec Jquery. Je ne connais rien au langage html et javascript et tout le reste.

Je veux savoir... Quand je télécharge Jquery, où le transcrire dans ma page?
Et où placer la fonction qui permet de faire fonctionner le «Scroll» 

Donnez moi des étapes, donnez des exemples! Je veux le même effets que donne le site que voici:
http://www.kiaistudio.com/

Cliquez sur les onglets!!

Merci d'avance et de grasse ne me dites pas que je n'ai pas chercher en profondeur! Car ce n'est pas le cas.

Merci.



Configuration: Windows Vista / Firefox 17.0

un_neurone · Answer

utilise cette fonction jquery =)

var scrolling = function(){
    var speed     = 2000;
    jQuery('a[href^="#"]').bind('click',function(){
        var id = jQuery(this).attr('href');
        if(id == '#')
            goTo('body');
        else
            goTo(id);
        return(false);
void(0);
    });
    function goTo(ancre){jQuery('html,body').animate({scrollTop:jQuery(ancre).offset().top},speed,'swing',function(){
          if(ancre != 'body')
                window.location.hash = ancre;
          else
              window.location.hash = '#';
          jQuery(ancre).attr('tabindex','-1');
          jQuery(ancre).focus();
          jQuery(ancre).removeAttr('tabindex');
      });
    }
};
jQuery(function(){
	scrolling();
});

Déroulement avec Jquery Étapes??

1 réponse

Discussions similaires