Comment puis-je faire la barre de défilement horizontale pour une DIV qui apparaissent toujours fixé sur le bas de la page?

J'ai un site web qui contient un grand (et largeur) de la table. Le tableau est placé à l'intérieur de jquery UI tabs.

Il ressemble à quelque chose comme ceci: http://jsfiddle.net/Tq3Rg/

Pour l'utilisateur, cela peut être un peu gênant car il doit aller tout le chemin vers le bas de la table et la page pour faire défiler vers la droite.

Est-il possible de faire la barre de défilement apparaissent toujours fixe sur le bas de la page?

OriginalL'auteur Andreas Larsson | 2012-07-04

  1. 9

    Définir une hauteur fixe (et ne pas utiliser inline-styles):

    Votre altération de la Démo

    le code:

    .top{
   height:10%;
}
.center{
   overflow:scroll;
   height:80%;
}
.bottom{
   height:10%;
}

    Si vous voulez vraiment avoir les barres de défilement en bas de votre page, vous pouvez consulter la cette réponse sur la façon d'atteindre cet objectif sans avoir besoin de personnalisé les barres de défilement et de telles choses.

    Oui je vous remercie. Si simple.
    mais quand la mise au point de emelent barre de défilement disapread
    Je ne sais pas de n'importe quel navigateur avec ce comportement. Pouvez-vous élaborer?

    OriginalL'auteur Christoph

  2. 1

    Viens de régler certains de hauteur fixe à votre milieu div
    comme

    <div style="background:white;overflow-y:scroll;height:400px;">

    OriginalL'auteur

  3. 0

    Vous avez besoin d'une barre de défilement personnalisée pour ce faire, jetez un oeil http://baijs.nl/tinyscrollbar/ ou http://www.jquery4u.com/plugins/10-jquery-custom-scrollbar-plugins/#.T_RSYxEe4hU.

    OriginalL'auteur Ashwin Singh