Bonjour à tous,
J'ai un petit problèmeMes pages sont du genre "galerie" dont voici un extrait html
Les pages pouvant être longues, j'ai mis une flèche "retour en haut". Le js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 <div class="grid__item" data-size="1160x1280"> <figure> <a href="../img/original/Henri_Dufranne_deux.jpg" class="img-wrap"><img src="../img/thumbs/Henri_Dufranne_deux_thumb.jpg" alt="Henri Dufranne" /></a> <figcaption><strong>Henri Dufranne</strong></figcaption> </figure> <div class="description description--grid"> <h1><strong>Henri Dufranne</strong></h1> <p>Gai Luron Poche 30p5</p> <div class="details"> <ul> <li> <h2><i class="fa fa-expand"></i><span>16x17 cm</span> </h2> </li> <li> <h2><i class="fa fa-comment-o"></i><span>Petit Texte.</span></h2> </li> </ul> </div> <a href="../form.html" target="_blank" class="greenbutton">lien</a> </div> </div>
Cela va très bien lorsque la page est en mode galerie, mais lors du clic sur une image pour la rendre "fullscreen" (Fancybox), la flèche (bouton) est toujours présente.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 $(function(){ $(document).on( 'scroll', function(){ if ($(window).scrollTop() > 100) { $('.scroll-top-wrapper').addClass('show'); } else { $('.scroll-top-wrapper').removeClass('show'); } }); $('.scroll-top-wrapper').on('click', scrollToTop); }); function scrollToTop() { verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; element = $('body'); offset = element.offset(); offsetTop = offset.top; $('html, body').animate({scrollTop: offsetTop}, 500, 'linear'); }
Que l'overflow vertical soit présent n'a que peu d'importance (je dirais même que ça m'arrangerais de le garder), mais y'a t'il moyen de rendre la flèche "hidden" lors des clics ?
Merci pour votre aide et bonne journée,
dh
Partager