scroll caché et div visible

**toulousain3117** · 14/07/2017, 18h49

bonjour

je suis entrain de mettre en place un volet coulissant et j'ai défini les hauteurs eet largeurs

Si les éléments sont plus grand que le max height j'ai ajouter un scroll

seulement j'essaye de faire que la fenêtre détecte s'il y a des éléments et par conséquence ajouté un div qui signifie a l'utilisateur qu'il y a des éléments plus bas car j'ai cacher le scroll mais il reste actif voila le code que j'ai essayé de faire :

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
22
23
24
25
26
27
28
29
<script type="text/javascript">
   $(document).ready(function(){
 
   $('.panelle').append('<div class="top_link">Haut</div>')
   });
 
   $('.top_link').css({
	'position'				:	'fixed',
	'right'					:	'20px',
	'bottom'				:	'50px',
	'display'				:	'none',
	'padding'				:	'20px',
	'background'			:	'#fff',
	'-moz-border-radius'	:	'40px',
	'-webkit-border-radius'	:	'40px',
	'border-radius'			:	'40px',
	'color'					:	'#000',
	'z-index'				:	'4',
	'background-color'		:   '#FFF'
 
});
$('.bod').scroll(function(){
	posScroll = $(document).scroll();
	if(posScroll >=550) 
		$('.top_link').fadeIn(600);
	else
		$('.top_link').fadeOut(600);
});
</script>

donc le div top_link qu'il soit toujours visible avant touts les éléments en bas de la fenetre