IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Script smooth scrolling


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Femme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Septembre 2012
    Messages : 3
    Points : 3
    Points
    3
    Par défaut Script smooth scrolling
    Bonjour,

    tout d'abord je suis un peu novice en javascript.
    J'explique ce que je voudrais faire, alors j'aimerais avoir un script qui me force à allé en bas de page dès le chargement de la page, attendre disons 3 sec pour ensuite dérouler lentement vers le haut. Est-ce possible d'utiliser la base de ce script : http://www.dezinerfolio.com/wp-conte...th_scroll.html
    en rajoutant un executant avec un facteur temps vers le haut de la page?

    Merci de me dire si je ne suis pas assez clair

  2. #2
    Candidat au Club
    Femme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Septembre 2012
    Messages : 3
    Points : 3
    Points
    3
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    (function($){
    				$.fn.juizScrollTo = function(speed, v_indent){
     
    					if(!speed) var speed = 'slow';
    					if(!v_indent) var v_indent = 0;
     
    					return this.each(function(){
    						$(this).click(function(){
     
    							var goscroll = false;
    							var the_hash = $(this).attr("href");
    							var regex = new RegExp("\#(.*)","gi");
     
    							if(the_hash.match("\#(.+)")) {
     
    								the_hash = the_hash.replace(regex,"$1");
     
    								if($("#"+the_hash).length>0) {
    									the_element = "#" + the_hash;
    									goscroll = true;
    								}
    								else if($("a[name=" + the_hash + "]").length>0) {
    									the_element = "a[name=" + the_hash + "]";
    									goscroll = true;
    								}
     
    								if(goscroll) {
    									var container = 'html';
    									if ($.browser.webkit) container = 'body';
     
    									$(container).animate({
    										scrollTop:$(the_element).offset().top + v_indent
    									}, speed, 
    										function(){$(the_element).attr('tabindex','0').focus().removeAttr('tabindex');});
    									return false;
    								}
    							}
    						});
    					});
    				};
    			})(jQuery)
     
    			$('a:first').juizScrollTo('fast',-75).css('color', 'red');
    			$('a:not(:first)').juizScrollTo('slow').css('color', '#444');
    ou avec celui-ci; en changeant la fonction "click" en "onload" (je ne sais pas si je suis très clair).

Discussions similaires

  1. link smooth scroll (scroll fluide) full CSS
    Par misterfredy dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/05/2015, 18h40
  2. "parallaxe Smooth scrolling"
    Par idgency dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 24/09/2012, 18h25
  3. Un (très) bon script "scroll to top" mais...
    Par Sventovit dans le forum jQuery
    Réponses: 7
    Dernier message: 18/03/2010, 09h35
  4. smooth scroll & menu <select> (form)
    Par ethos2.0 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/10/2009, 18h59
  5. [Dojo] Smooth Scrolling ?
    Par eexit dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 11/01/2009, 17h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo