scroll caché et div visible
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:
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
