[Résolu]Scrolling animé jQuery

[SamLi]

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.9.4.2
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~ Cms Version: 1.9.4.2
#~ Installed Modules:
#~ CMSMailer: 2.0.1
#~ FileManager: 1.1.0
#~ MenuManager: 1.7.6
#~ ModuleManager: 1.4.2
#~ News: 2.11.3
#~ nuSOAP: 1.0.2
#~ Printing: 1.1.2
#~ Search: 1.6.10
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.8.4
#~ CGExtensions: 1.25.4
#~ CGFeedMaker: 1.0.14
#~ CGSimpleSmarty: 1.4.8
#~ Comments: 1.9.2
#~ Captcha: 0.4.3
#~ SiteMapMadeSimple: 1.2.2
#~ Guestbook: 1.3.2
#~ Gallery: 1.4.4
#~ TemplateExternalizer: 1.3
#~ FormBuilder: 0.7
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 2000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.6
#~ md5_function: On (True)
#~ gd_version: 2
#~ tempnam_function: On (True)
#~ magic_quotes_runtime: Off (False)
#~ E_STRICT: 2048
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ output_buffering: 4096
#~ safe_mode: Off (False)
#~ file_uploads: On (True)
#~ post_max_size: 8M
#~ upload_max_filesize: 2M
#~ session_save_path: C:\Users\Samy\AppData\Local\Temp (0777)
#~ session_use_cookies: On (True)
#~ xml_function: On (True)
#~ Server Information:
#~ Server Api: apache2handler
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.5.10
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,

J'aimerais ajouter un mon site un défilement fluide avec jQuery,
j'ai tenté de suivre le tutoriel vidéo suivant :

http://www.grafikart.fr/tutoriels/jquery...g-anime-44

qui fournit le code suivant

Code :

$(document).ready(fuction(){
    $('a[href^=#]').click(fuction(){
        cible=$(this).attr('href');
        if($(cible).length>=1){}
            hauteur=$(cible).offset().top;
        }
        else{
            hauteur=$("a[name="+cible.substr(1,cible.lenght-1)+"]).offset().top;
        }
        $('html,body').animate({scrollTop:hauteur},1000,'easeOutQuint);
        return false;
        
    });
    
});

J'ai essayé d'adapter le tutoriel aux ancres cmsms du type "page#ancre" au lieu de "#ancre",
j'ai plus ou moins réussi à ce niveau là

Code :

$('a[href^=#]').click(fuction(){

en adaptant le selecteur via l'aide en ligne de jQuery
mais je finis quand même pas être bloqué dans la suite du tutoriel particulièrement à cette étape

Code :

hauteur=$("a[name="+cible.substr(1,cible.lenght-1)+"]).offset().top;

Est-ce qu'une âme charitable pourraît m'aider à adapter ce morceau de code pour que ce scrolling animé marche
sur cmsms?

Merci d'avance, Samy

PS: J'ai vu le message de mise à jour de la version quand j'ai crée le sujet, mon site est encore en développement local, je vais le faire avant la mise en ligne.