Faire un scroll d'un texte dans un DIV

Salut

est-ce que vous auriez une idée de comment faire scroller un texte dans un div vers le haut ou vers le bas, selon le bouton qu'on clique.
je cherche à avoir une fenêtre de visualisation du texte mais que le reste du texte soit caché en dehors de la fenêtre, je voudrais mettre cette fenêtre sur une page web ;)

Sur google je n'ai trouvé que des scrolls basés sur overflow mais ça correspond pas à ce que je cherche.

Je cherche une méthode simple sans utiliser de librairies js.

Citation:

Sur google je n'ai trouvé que des scrolls basés sur overflow mais ça correspond pas à ce que je cherche.

heu à part un overflow en css ne ne vois pas trop comment gérer du texte qui dépasse ...
Tu peux préciser ton besoin ?

Je voulais avoir une liste de noms qu'on pouvait scroller dans une fenetre, voilà, mais comme je trouvais pas comment faire, je me suis rabatu sur le overflow, mais le problème avec overflow c'est que l'on doit faire descendre l'ascenceur ou le monter pour voir le scroll alors que je préferais cliquer sur une image de fleche pour monter et une image de fleche pour descendre.

pour le moment j'utilise le scroll overflow par défaut.

Code:

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
		<div id="fenetre">
			<div id="plantes">
			avecbehfgrjfmlgkjg<br/>
			mfjfhkfeklfklflmmd<br>
			jd,nd,enbdbsjhsknb<br/>
			zsbdgcbddbcdffddbf<br/>
			kfnc;ncd:d!s,snqx;<br/>
			c:d!v,flfndjss cnx<br/>
			x;x:w,sfedetryffng<br/>
			kfnbdbvsvscgzfedds<br/>
			trgchfjrlrrhkflrjr<br/>
			rnom1, nom2, nom3,<br/>
			nom4, efrgtfdudhek<br/>
			ekedleldjelf,fmlem<br/>
			fmfllss,nzkzkzskqa<br/>
			qqkd,dkenfnbf;me:e<br/>
			snzjsbzhzdlfflre,n<br/>
			fnbdbdfgsjsdghedid<br/>
			avecbehfgrjfmlgkjg<br/>
			mfjfhkfeklfklflmmd<br>
			jd,nd,enbdbsjhsknb<br/>
			zsbdgcbddbcdffddbf<br/>
			kfnc;ncd:d!s,snqx;<br/>
			c:d!v,flfndjss cnx<br/>
			x;x:w,sfedetryffng<br/>
			kfnbdbvsvscgzfedds<br/>
			trgchfjrlrrhkflrjr<br/>
			rnom1, nom2, nom3,<br/>
			nom4, efrgtfdudhek<br/>
			ekedleldjelf,fmlem<br/>
			fmfllss,nzkzkzskqa<br/>
			qqkd,dkenfnbf;me:e<br/>
			snzjsbzhzdlfflre,n<br/>
			fnbdbdfgsjsdghedid<br/>
			avecbehfgrjfmlgkjg<br/>
			mfjfhkfeklfklflmmd<br>
			jd,nd,enbdbsjhsknb<br/>
			zsbdgcbddbcdffddbf<br/>
			kfnc;ncd:d!s,snqx;<br/>
			c:d!v,flfndjss cnx<br/>
			x;x:w,sfedetryffng<br/>
			kfnbdbvsvscgzfedds<br/>
			trgchfjrlrrhkflrjr<br/>
			rnom1, nom2, nom3,<br/>
			nom4, efrgtfdudhek<br/>
			ekedleldjelf,fmlem<br/>
			fmfllss,nzkzkzskqa<br/>
			qqkd,dkenfnbf;me:e<br/>
			snzjsbzhzdlfflre,n<br/>
			fnbdbdfgsjsdghedid<br/>
			</div>
		</div>

Le div fenêtre me sert à positionner le scroll où je veux sur la page.

Le div plantes contient une liste de noms et le scroll se fait dans lui.

Le code CSS c'est ça : J'utilise overflow dans le div plantes,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#plantes{
position:relative;
float:right;
top:10px;
right:5px;
width:180px;
height:300px;
overflow:scroll;
background-color:yellow;
}
 
#fenetre{
position:relative;
float:right;
top:60px;
right:5px;
width:190px;
height:335px;
background-color:blue;
}

Il suffit d'ajouter à ton html un peux de css et de js pour controler les scroll au moyen de flèches ou de boutons
En cherchant un peu sur ce forum je suis certain qu'il y a des propositions de script ...

:mouarf:
https://www.developpez.net/forums/d8...utons-up-down/
je ne m'en rappelais pas, masi j'en étais tout de même certain :D

Super, merci SpaceFrog ;)