IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Avoir Scroll en bas


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 15
    Par défaut Avoir Scroll en bas
    Bonjour, j'ai des div comme celles-ci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div class="tchat" > données dedans....</div>
    mon css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .tchat{
    overflow:auto;
    color:#000;
    overflow-x:hidden;
    width:246px;
    padding:0 2px 0 2px;
    height:263px;
    }
    et Je souhaiterais ( si possible en Jquery => Plus facile pour la selection de ma class) Avoir toujours le scroll Tout en bas...
    Merci

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Vous souhaité un scrolling maximum de la page ou un scrolling correspondant à la hauteur de la division ?

    Un exemple pour le deuxième cas :
    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
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    <!doctype html>
    <html lang="fr">
    <head>
    	<meta http-equiv="X-UA-Compatible" content="chrome=1">
    	<meta charset="utf-8">
    	<meta name="Author" content="Daniel Hagnoul">
    	<title>Forum jQuery</title>
    	<style>
    		/* BASE */
    		body {
    			background-color:#dcdcdc;
    			color:#000000;
    			font-family:sans-serif;
    			font-size:medium;
    			font-style:normal;
    			font-weight:normal;
    			line-height:normal;
    			letter-spacing:normal;
    		}
    		h1,h2,h3,h4,h5 {
    			font-family:serif;
    		}
    		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
    			margin:0px;
    			padding:0px;
    		}
    		p {
    			padding:6px;
    		}
    		ul,ol,dl {
    			list-style:none;
    			padding-left:6px;
    			padding-top:6px;
    		}
    		li {
    			padding-bottom:6px;
    		}
     
    		/* dvjh */
    		h1 {
    			text-align:center;
    			font-style:italic;
    			text-shadow: 4px 4px 4px #bbbbbb;
    		}
    		h2 {
    			text-align:center;
    		}
    		div#conteneur {
    			width:95%;
    			height:auto;
    			margin:12px auto;
    			padding:6px;
    			background-color:#FFFFFF;
    			color:#000000;
    			border:1px solid #666666;
    		}
    		div#affiche {
    			clear:both;
    			margin:12px;
    			padding:6px;
    			border:1px solid #999999;
    			background-color:#FFFFFF;
    			color:#000000;
    		}
     
    		/* TEST */
    		.tchat{
    			overflow:auto;
    			color:#000;
    			overflow-x:hidden; /* ??? */
    			width:246px;
    			padding:0 2px 0 2px;
    			height:263px;
    			margin-top:12px;
    			border:1px solid red;
    		}
    		.espacement {
    			width: 400ox;
    			height:800px;
    			border: 1px solid blue;
    		}
    	</style>
    	<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.2.min.js"></script>
    	<script>
    		$(function(){
    			/*
    			 * http://api.jquery.com/offset/
    			 * http://api.jquery.com/outerHeight/
    			 */
    			$(document).scrollTop($("div.tchat").offset().top + $("div.tchat").outerHeight(true));
    		});
    	</script>
    </head>
    <body>
    	<h1>Forum jQuery</h1>
    	<div id="conteneur">
    		<div class="espacement">Un mot pour remplir</div>
    		<div class="tchat" > données dedans....</div>		
    		<div id="affiche"></div>
    	</div>
    </body>  
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [scroll bar] je veux qu'elle reste en bas !
    Par duplo dans le forum Tkinter
    Réponses: 6
    Dernier message: 18/09/2006, 19h12
  2. Réponses: 2
    Dernier message: 13/06/2006, 10h52
  3. [IFrame] Avoir seulement un scroll vertical
    Par Etanne dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 19/09/2005, 11h33
  4. Positionner le scroll d'un div toujours en bas.
    Par barok dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/08/2005, 12h17
  5. TMemo scroll en bas
    Par jamesb dans le forum C++Builder
    Réponses: 2
    Dernier message: 30/01/2005, 16h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo