JS- ajouter barre défilement dans partie page

Résolu/Fermé

canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 24 juil. 2010 à 19:42
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 25 juil. 2010 à 21:32

Bonjour,
J'aimerais savoir , en javascript, comment ajouter une barre de défilement dans une partie de la page, et ce, sans faire de frame, ni utiliser des dérivés des formulaires (textarea, ...).

div concerné : id="music"

A voir également:

JS- ajouter barre défilement dans partie page
Supprimer une page word - Guide
Page d'accueil iphone - Guide
Traduire une page web - Guide
Ajouter un compte gmail - Guide
Windows 11 barre des taches a gauche - Guide

2 réponses

Réponse 1 / 2

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
Modifié par avion-f16 le 25/07/2010 à 01:08

Salut.

(x)HTML > CSS > Javascript > Flash :)
Et comme c'est possible en CSS, nous allons nous passer du JS.

#music {
    overflow: auto;
    max-height: 300px;
}

300px correspond à la hauteur maximale. Au-delà, la div arrêtera de grandir et une barre de défilement s'affichera.

PS : Le forum « Webmastering » m'a l'air plus adapté.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

Réponse 2 / 2

canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 25/07/2010 à 18:05

non non l'html/js/css (et php, sql, etc ...) c'est de la programmation dsl :)

ça marche pas et oui mon div porte bien l'id music, et tout marche à part ton code

#music     
{     
float: left;     
color: #006400;     
width: 200px;     
overflow: auto;     
max-height: 300px;     
margin-top: 0px;     
}

EDIT :

Je teste avec ça mais le serveur lag ...

#music  
{  
float: left;  
color: #006400;  
width: 200px;  
overflow: scroll;  
height: 300px;  
margin-top: 0px;  
}

EDIT2 : Ce code résolue tout, merci avion-f16 pour ce début, pour le reste merci à https://www.zonecss.fr/proprietes-css/overflow-y-css.html

#mondiv { 
overflow-y: scroll; 
height: 300px; 
}

EDIT3 : C'est possible en JS sur http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript

????? canarder ?????
Le Renard qui règne sur le WEB : Firefox

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
25 juil. 2010 à 21:32

Le PHP et le Javascript sont des langages de programmation.
SQL est un pseudo-langage.
Le (x)HTML et le XML (ainsi que tous les langages basés sur le XML) sont des langages de balisages.
Le CSS est aussi un langage, mais pas de programmation.
Le forum "Programmation" est plutôt là pour les langages logiciels (C, C++, Java, C#, VB, Assembleur, Python, Perl, Ruby, ...).

Et je n'ai pas dit que ce n'est pas possible en JS, c'est juste que quand c'est possible en CSS, je préfère utiliser le CSS.

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Barre verticale droite sur clavier

Ajouter une page dans libre office

Barre verticale droite sur clavier mac

Discussions similaires

Newsletters