Discussion :

[crampouz]

Bonjour les gens,

voilà en fait je voudrais réaliser un ascenseur en javascript sur ce modèle la :

http://www.toulouse-renaissance.net/...ll_fleches.htm

Avec donc une fleche qui fait monter le contenu et une autre qui le fait descendre. Le code est donc au centre de la page. Mais je voudrais que ce code s'applique seulement à une div et pas à toute la page.

Je pense qu'il y a cette partie la a changer (pour ne pas avoir le body)

w_x=document.body.clientWidth;
w_y=document.body.clientHeight;
scrlx=document.body.scrollLeft;
scrly=document.body.scrollTop;

ainsi que la le window.scrollby qu'on retrouve assez souvent. Mais je ne sais pas par quoi remplacer ces éléments, l'id de la div n'a pas l'air de marcher. Et peut-etre faut-il changer autre chose aussi?

Y a t-il une solution?
merci d'avance!

[SpaceFrog]

ben tu veux scroller le body ou le div ???
dasn le code donné c'est le body qui est scrollé ...

[crampouz]

oui justement la c'est le body qui est scrollé et je voudrais que ce ne soit que la div, c 'est pour ça qu'il faut je pense changer les parties dont je parle avec celle du body notamment.

[SpaceFrog]

ben mets un id à ton div ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id='mondiv'>...</div>
 
var scrollablediv=document.getElementById('mondiv')
w_x=scrollablediv.clientWidth;
w_y=scrollablediv.clientHeight;
scrlx=scrollablediv.scrollLeft;
scrly=scrollablediv.scrollTop;

[maximenet]

ou en CSS çà fonctionne très bien aussi

regarde la propriété overflow, tu peut mettre une largeur, hauteur à ton block et si tu le met en overflow alors y'aura des scroll si le contenu dépasse

[crampouz]

Nan justement je veux pas d'une scroll en css parce que c'est tout moche et que le style d'une scroll ne peut changer que sous pc ie, donc pour ff et mac c'est pas top,

je vais essayer l'id mais ca me paraitrait bizarre qu'il n'y ait que ca...

[SpaceFrog]

ben pourquoi bizzare ...
pour scroller le div si tu ne lui dit pas que c'est le div qu'il faut scroller ...
resultat garanti ...

mets juste une taille fixe au div et mets lui un overflow hidden ...

[crampouz]

Alors J'ai remplacé dans le code par

var scrollablediv=document.getElementById('lascroll')
w_x=scrollablediv.clientWidth;
w_y=scrollablediv.clientHeight;
scrlx=scrollablediv.scrollLeft;
scrly=scrollablediv.scrollTop;

[crampouz]

ba il a pas pris la fin de mon mess...
Bon je continue, donc j'ai fait ca mais ca ne marche pas. Ca vient peut-etre du style de ma div? mais bon si je mets overflow:auto il met la scroll css forcémeent. Donc il y a forcément autre chose a changer dans le js mais je trouve pô quoi