Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

[Résolu]Scrolling animé jQuery
#1

Citation :#~~~~~ 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.
Sujet fermé


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)