Conflit entre scollbar perso et bouton back to top

Suivre ce topic
Ce topic est suivi par : Personne...
Balatharas

Balatharas Le 13 juillet 2016 à 17:10 (Édité le 25 janvier 2019 à 17:51)

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:
jQuery(document).ready( function () {
    //  Add return on top button
    jQuery('body').append('<div id="returnOnTop" title="Retour en haut"> </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 !
Balatharas

Balatharas Le 14 juillet 2016 à 20:48

Up
TheOldNoob

TheOldNoob Le 22 juillet 2016 à 23:21

Salut Beignet 😀
Essaie une position relative plutot que fixed 😀
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte