En utilisant cette classe javascript ...
function Scroller(elemId)
{
this.intervalId=null;
this.StartScrollLeft=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollLeft-=5",25);
}
this.StartScrollRight=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollLeft+=5",25);
}
this.StartScrollUp=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollTop-=5",25);
}
this.StartScrollDown=function() {
this.intervalId=setInterval("document.getElementById('"+elemId+"').scrollTop+=5",25);
}
this.StopScroll=function() {
clearInterval(this.intervalId);
}
}
déclare ce qui suit pour le balisage ci-dessous ...
var oScroller = new Scroller('container');
le balisage HTML ...
<img id="scrollUpControl" src="up.png" onmousedown="oScroller.StartScrollUp()" onmouseup="oScroller.StopScroll()" onmouseleave="oScroller.StopScroll()" />
<img id="scrollDownControl" src="down.png" onmousedown="oScroller.StartScrollDown()" onmouseup="oScroller.StopScroll()" onmouseup="oScroller.StopScroll()" />
<div id="container" style="height:200px; overflow:hidden">...</div>
Ne pas. S'il vous plaît, s'il vous plaît, s'il vous plaît, s'il vous plaît ne le faites pas. http://web.archive.org/web/20080529040830/http://lists.evolt.org/archive/Week-of-Mon-20030324/138052.html – Quentin
@David: Je suis d'accord avec ça. Google Wave a sa propre barre de défilement que je trouve difficile à utiliser car elle se comporte différemment de la norme. – adrianbanks
@adrianbanks: Je ne suis pas tout à fait d'accord avec vos commentaires sur la barre de défilement de Google Wave. useit.com/alertbox/20050711.html a une bonne analyse des avantages/inconvénients de rouler vos propres barres de défilement. –