button, div et scroll

**matdev62** · 17/09/2010, 12h37

bonjour � tous,
je cherche a partir de deux boutons � faire monter est descendre le scroll d'une div mais sans succ�s.
quelqu'un saurait-il m'aider?
merci d'avance

**SPACHFR** · 17/09/2010, 14h33

Un petit exemple tout simple
Tu copies l exemple ci-dessous dans une page html pour tester
�a ne joue pas sur le scrolling mais la position du div

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
 
<html>
<head>
<script type="text/javascript">
function move(direction){
 var t = document.getElementById("tst");
 var posY = t.offsetTop;
 if(direction.match("Up")){
   t.style.top = posY-20+"px";
 }else {
   t.style.top = posY+20+"px";
 }
}
</script>
<style>
#tst{
position: absolute;
top:150px;
left:150px;
width:200px;
height:200px;
background-color:red;
display:block;
}
</style>
</head>
<body>
<div id="tst"></div>
<br>
<input type="button" value="Up" onclick="move(this.value);"/>
<input type="button" value="Down" onclick="move(this.value);"/>
</div>
</body>
</html>

@+

**matdev62** · 17/09/2010, 14h54

Oui j'ai vu et essay� des choses comme cela mais je ne travail pas avec des "position : absolute" est je ne peux donc pas faire r�f�rence au param�tre "top" des �l�ments "style".

En fait, je travaille sur une interface destin�e � des borne avec �cran tactile et les scrolls windows sont trop petits par d�faut.

J'ai trois liste l'une a cot� de l'autre que je souhaiterais faire d�filer par des boutons "haut" et "bas".

Je viens de trouver un substitut � mon probl�me en augmentant la taille des barres de d�filement de windows, mais je reste ouvert � des solutions de js.

**Bovino** · 17/09/2010, 17h00

Regarde du cot� de scrollBy()

button, div et scroll

JavaScript

Discussions similaires

Partager

Partager