Rafraîchir une div lors d'un scrollup
Bonsoir,
J'ai un header qui contient un slider composé de vidéos. Le problème est que, je ne sais pour quelle raison, le slider bloque au bout d'un moment sur une vidéo.
Je souhaiterais donc que lorsqu'on descend sur la page et que l'on remonte via scrolltop, cela rafraichisse le header (pour relancer le slider).
Je pense q'il faut du JS mais je suis loin d'en être certain.
Le HTML :
Code:
1
2
3
4
5
6
7
8
9
| <header class="lddc marge_haut">
<div class="ody"></div>
<div id="slider" class="sl-slider-wrapper">
<div id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="logo_gauche"><a href="https://lmon site" target="_blank"><img src="images/logoblanc_cut.gif" width="60" height="60" alt="logo"></a></div> |
et le scrollup :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| jQuery(function(){
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200 ) {
$('#scrollUp').css('right','10px');
} else {
$('#scrollUp').removeAttr( 'style' );
}
});
});
});
</script>
<script>
var btn = $('#buttonne');
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
btn.addClass('show');
} else {
btn.removeClass('show');
}
});
btn.on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop:0}, '300');
}); |
Merci et bonne soirée,
ED
