Fork me on GitHub






MrBeignet
[JS] Conflit scrollbar personnalisée / bouton retour en haut
#1
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({scrollTop: 0}, 'slow');
    });
});
 
jQuery(window).scroll(function() {
    //  If on top fade the bouton out, else fade it in
    if ( jQuery(window).scrollTop() == 0 )
    jQuery('#returnOnTop').fadeOut();
    else
    jQuery('#returnOnTop').fadeIn();
});
CSS de mon bouton au cas ou:
#returnOnTop {
    background: url('img/return_on_top.png') no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}
 
#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}
Dites moi s'il manque une précision ! Merci !

Posté le : 14/07/2016 20:17
Partager Twitter Partagez cette article sur GG+
Rapport Haut
bosco
Re: [JS] Conflit scrollbar personnalisée / bouton retour en haut
#2
Team FrXoops
Inscrit: 12/08/2003 14:34
De Montpellier
Messages: 209
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

11 ans de Xoops !
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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