Discussion :

[waouni]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="wrapper1">
    <div class="div1">
    </div>
</div>

CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.wrapper1{width: 300px;;overflow-x: scroll; overflow-y:hidden;} 
.wrapper1{height: 20px; }
.div1 {width:1000px; height: 20px; }

JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$(function(){
    $(".wrapper1").scroll(function(){
        $(".add_scroll")
            .scrollLeft($(".wrapper1").scrollLeft());
    });
});

[waouni]

Finalement j'ai trouvé la solution.
Pour ceux qui sont interessés à la solution.
Il faut augmenter le Width dans le CSS pour div1 et wrapper1 jusqu'à ce que ça affiche toutes les infos.
Vous pouvez vous servir de chrome pour modifier les valeurs et tester directement.