Scroll Bar cache le reste du tableau
Bonjour,
Dans le but est de positionner l'ascenseur horizontal en haut du tableau, j'ai du créer un autre ascenseur en haut de la table (comme par défaut il est en bas) et j'ai reproduit le même mouvement pour que ça fasse la même chose et ensuite j'ai caché celui d'en bas pour qu'il me reste que celui d'en haut.
ça marche bien mais le seul problème est que mon nouveau ascenseur n'atteint la fin de mon tableau et s'arrête au milieu.
Avez-vous une idée commet résoudre ce problème?
Voici le code:
HTML:
Code:
1
2
3
4
5
|
<div class="wrapper1">
<div class="div1">
</div>
</div> |
CSS:
Code:
1
2
3
4
|
.wrapper1{width: 300px;;overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.div1 {width:1000px; height: 20px; } |
JS:
Code:
1
2
3
4
5
6
7
|
$(function(){
$(".wrapper1").scroll(function(){
$(".add_scroll")
.scrollLeft($(".wrapper1").scrollLeft());
});
}); |
