Lien retour haut de page jquery erreur

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by adrien37000 on

Bonsoir à tous,

J'ai un soucis, j'ai mis en place une fonction de retour en haut de page.
Celle-ci à fonctionné mais d'un coup plus rien.

je pense avoir un conflit

(function($){
    $(document).ready(function(){
    $('body').prepend('<a href="#top" class="top_link" title="Revenir en haut de page">Haut</a>');
        $('.top_link').css({ 
        'position'              :   'fixed', 
        'right'                 :   '20px', 
        'bottom'                :   '50px', 
        'display'               :   'none', 
        'padding'               :   '20px', 
        'background'            :   '#fff', 
        '-moz-border-radius'    :   '40px', 
        '-webkit-border-radius' :   '40px', 
        'border-radius'         :   '40px', 
        'opacity'               :   '0.9', 
        'z-index'               :   '100000' 
    });
       
       $(body).scroll(function(){ 
        posScroll = $(document).scrollTop(); 
        if(posScroll >=100) 
            $('.top_link').fadeIn(600); 
        else 
            $('.top_link').fadeOut(600); 
    });
      
    });
}(jQuery));

le script est bien chargé.Merci d'avance pour vos réponses.

Forum : 
Développement
Version de Drupal : 
7.x
Tags : 
jquery

Soumis par adrien37000 le 15 Mars, 2013 - 12:40

Merci de ta réponse j'ai déjà tenté mais rien y fait j'ai retenté en éditant de nouveau le script

dans le template :
<a href="#" id="toTop"><img src="<?php print base_path() . path_to_theme(); ?>/images/back-top.png" width="40" height="40" alt="Back to top" /></a>

   (function($){
/==================================================
   BACK TO TOP BUTTON
   ==================================================/
    $(document).ready(function(){
        jQuery(window).scroll(function() {
            if (jQuery(this).scrollTop() != 0) {
                jQuery('#toTop').fadeIn();
            } else {
                jQuery('#toTop').fadeOut();
            }
        });
        jQuery('#toTop').click(function() {
            jQuery('body,html').animate({
                scrollTop: 0
            }, 800);
        });
    });
}(jQuery));

Le code fonctionne parfaitement a essayer ici ---> http://jsfiddle.net/JkJkL/
Tous les autres scripts JS fonctionne sur mon site