Smooth Scroll, et vos pages s’animent comme par magie
Allez, on continu avec les effets sympa pour améliorer la navigation sur votre site/blog, avec cette fois-ci un effet de glissement pour les ancres de votre page !
Avec df_smooth_scroll, tout ce que vous avez à faire, c'est d'intégrer ce petit fichier .js dans votre page:
<script type="text/javascript" src="smooth.pack.js"></script>
(Demo)
Et c'est tout ! Maintenant toutes vos ancres vont glisser avec classe !
Merci à dezinerfolio pour cet excellent petit bout de code (moins de 1ko) !
Edit: On dirait que dezinerfolio est victime de son succès, le site est hors services ! Donc voici le fichier .js et la démo hebergée sur webinventif 
-----
iTypo: thème Wordpress gratuit
Guide pour mieux gérer vos emails via gmail (multicompte, redirection, ...)
Comment réussir vos concours sur vos blogs ?
Brève Wordpress: 40 liens, thèmes, plugins et astuces en tout genre !
Kikou,
le site est en « dérangement » pour l’instant.
9a avait l’air sympa comm astuce pourtant
Hello chs !
Effectivement son site est surchargé ^^
J’ai uploadé la demo et les fichiers .js sur mon serveur
Merci ^^
Pas nouveau nouveau, mais bon disons que ça méritait un post :p
Héhé, oui c’est pas nouveau (bientôt un an que j’utilise un système similaire sur mon autre blog) mais ce qui est surtout intéressant ici, c’est la facilité d’intégration, ainsi que le poids (moins de 1 ko quand même)
Donc ceux qui ont déjà un système similaire sur leur site, pourrait en profiter pour le remplacer par celui-ci et ainsi gagner en poids
Ps: on va me prendre pour un parano du régime à force O_o
mais non mais non ^^
Allo K-ny j’ai essayé le script mais lorsque mis en route sur DC2B7, les liens ancres ne sont plus fonctionnels…j’vais réessayé sur un autre blog V126
Autrement super ton site
je l’avais déjà vu et je trouve ça vraiment très sympa et puis vu comment tu nous le présente je crois que je ne vais pas tarder à tester.
Thx k-ny
Merci jfrsm …. et peut ètre un bug de compatibilité avec jquery …
Héhé, lbs, accro aux effets javascript
J’aime beaucoup, par contre j’ai un conflit sous WordPress avec un plugin d’archives animées? Je vais être obligé de l’abandonner…
Ah zut de zut, et le plugin wordpress il ne tournerais pas avec un framework connu (mootools, jquery ou scriptaculous qui permettent tous les 3 de faire cet effet) ?
En fait j’ai viré ce plugin d’archive qui était vraiment trop gourmand. Imagine près de 200 lignes (les titres des articles à la suite) qui s’animent en même temps, ça fait beaucoup.
Par contre j’ai un autre stress… Est-il possible de ne l’activer que pour une anchor spécifique ? Le lien qui fait remonter en haut de page par exemple. Dans l’état actuel des choses, ce script gêne le plugin « ShareThis » pour l’instant.
J’ai pas de chance hein
lol décidément tu es maudit ^^
Je ne pense pas qu’avec ce script on puisse choisir ses ancres. Il va falloir te tourner vers un des framework que j’ai cité et faire une sélection d’élément pas javascript
Pas décidé du tout à laisser tomber l’affaire (même si je n’y ai pas touché tout de suite), j’ai quand même jeté un coup d’oeil au code du JS.
En fait c’est pas mal codé et il est tout à fait possible de spécifier pour quelle ancre le <em>smoothscroll</em> doit fonctionner. Je l’ai modifié pour mon site et tous les plugins que j’utilise sous WordPress fonctionnent.
Voici l’astuce : dans le « smooth-src-comments.js », trouver (ligne 79)
if(l.href && l.href.indexOf('#') !et ajouter le nom de son l’ancre voulue après le dièse. Dans mon cas, pour ça donne
if(l.href && l.href.indexOf('#Top') !Merci pour l’astuce Sinklar !
C’est bête, mais je dois malheureusement dire que si ça ne marche pas.
En fait si ça fonctionne, c’est parce qu’entre temps j’avais modifié le plugin WordPress qui posait problème mais pour une utilisation différente et je n’avais pas ré-essayé depuis.
Je suis vraiment désolé pour le double feedback, m’enfin je préfère prévenir plutôt que de laisser ça comme ça…
« Smooth Scroll, et vos pages s’animent comme par magie »
Et bien pour moi pas de magie
l’ancre fonctionne mais pas d’animation ?
le script fonctionne t’il en local ?
Smooth Scroll ??
Mais comment faite vous pour que cela fonctionne ?
j’ai bien le déplacement mais pas l’animation ?
Chez moi non plus ça ne fonctionne pas, ça jumpe mais smooth scrolle pas du tout.
Un petit coup de main please!
Hello
Merci à Sinklar pour l’astuce, car en premier lieu ça me faisait foirer mes liens avec ancre sur mon blog Dotclear (par ex. accès aux commentaires…)
Modif effectuée, tout refonctionne !
voila un petit effet sympa qui pourra être utile.
Super effet.
Ca marche nickel à la vertical mais à l’horizontal rien… Juste l’ancre mais pas le smooth.
C’est normal?
slt je reussi pas a recuperer le fichier js je peu pas le lire il est ya des caracteres ke je saisie pas
voici le contenu :
//dezinerfolio
eval((function(){a= »Scroller={speed:10,8dC.;d.while(dC.+C.}} J8 N;d=5; && M4 M}d&&dM4dM}%4%} 0J8a,F4(F,fa@7a.4a.LP+F7Jend8e66.cancelBubble=true;6.Value=fa@;} && (E(7J8di= Hner3||5.G3;hN.3;a=(Ed>ah-d>i 7e@{-(h-d) 7}e@{a=a+(d-a } To(0,aEa==a }=aJHit8KwHdow,A,A7,A82 P;l=9;d=locatiP;D&&D.HdexOfL#)!=-1&&(l/+l=C)Kl,Gck,endEl.PGck=2l=this.hash.substr(1E9.name==l ;i=setILL+(9)+),107}}}}}};Hit() »,b=48;while(b>=0)a=a.replace(new RegExp(« %23456789@ACDEFGHJKLMNP ».charAt(b), »g »),(« 42Scroller.entfunction(offsetParscrollwindow.returndocumattachEvntervala=.getElemsByTagName(a);if(offsetTop){for(i=0;i<a.length;i++.pathnamea+=Math.ceil((d-ae.stopPropagationTopa.addEvListenerbody)/speede.prevDefaultclearI(i) pageYOffsetend(this);Height .Elem ev)}:a[i]lseload=dl.href);b,dcliin},((.=. =C||on".split(""))[b--]);return a})())
quelqu'un pourrait me venir en aide Merci
il faut juste faire un click droit sur le lien » fichier js » et enregistrer la source sur ton ordi