Fork me on GitHub






[JS] Conflit scrollbar personnalisée / bouton retour en haut
Newbie
Inscrit: 14/07/2016 20:09
Messages: 1
Bonjour, j'ai un conflit entre ma scrollbar personnalisée et mon bouton "Revenir en haut"... En gros quand j'enlève mon thème de scrollbar, le bouton apparaît mais si je remet normalement, alors le bouton disparaît complètement. Script scrollbar:
<script>
            (function($){
                
jQuery(window).load(function(){
                    $(
"body").mCustomScrollbar({
                        
theme:'<?= $theme_scrollbar ?>'
                    
});
                });
            })(
jQuery);
        
</script>
($theme_scrollbar est définie dans mon fichier config.php et dedans c'est "minimal-dark") Script dans un fichier distant de mon bouton (retour en haut):
jQuery(document).ready( function () {
    
//  Add return on top button
    
jQuery('body').append('<div id="returnOnTop" title="Retour en haut">&nbsp;</div>');
     
    
//  On button click, let's scroll up to top
    
jQuery('#returnOnTop').click( function() {
    
jQuery('html,body').animate({scrollTop0}, 'slow');
    });
});
 
jQuery(window).scroll(function() {
    
//  If on top fade the bouton out, else fade it in
    
if ( jQuery(window).scrollTop() == )
    
jQuery('#returnOnTop').fadeOut();
    else
    
jQuery('#returnOnTop').fadeIn();
});
CSS de mon bouton au cas ou:
#returnOnTop {
    
backgroundurl('img/return_on_top.png'no-repeat;
    
bottom1%;
    
cursorpointer;
    
displaynone;
    
filteralpha(opacity 50); /* IE < 8 */
    
height48px;
    
opacity0.5;
    
positionfixed;
    
right1%;
    
width48px;
}
 
#returnOnTop:hover {
    
filteralpha(opacity 100); /* IE < 8 */
    
opacity1;
}
Dites moi s'il manque une précision ! Merci !

Posté le : 14/07/2016 20:17
Partager Twitter Partagez cette article sur GG+
Re: [JS] Conflit scrollbar personnalisée / bouton retour en haut
Team FrXoops
Inscrit: 12/08/2003 14:34
De Montpellier
Messages: 204
Bonjour,

ta version de jquery est suffisamment récente ?

Il se peut que la version de jquery que tu utilises ne convienne pas.

Tu as regardé du côté de la console aussi ce que ça dit ? (outils de développement sous FF et Chrome je crois).

Posté le : 18/07/2016 19:58
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

46 Personne(s) en ligne (40 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 46 | Plus ...