Conflit entre scollbar perso et bouton back to top
Balatharas Le 13 juillet 2016 à 17:10 (Édité le 25 janvier 2019 à 17:51)
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 !
TheOldNoob Le 22 juillet 2016 à 23:21
Essaie une position relative plutot que fixed 😀
