2010-06-14 3 views
1

J'ai une page web en trois cadres, quelque chose comme ceci:Sync défilement de deux cadres

+----------------+ 
|  0  | 
+-------+--------+ 
|  |  | 
| 1 | 2 | 
|  |  | 
+-------+--------+ 

Cadres 1 et 2 sont pour comparer des données similaires. Je voudrais synchroniser les barres de défilement verticales sur ces images (en réglant la valeur de la barre de défilement sur les deux côtés).

Mon approche actuelle est d'avoir le code suivant dans le cadre 0:

<script> 
    function scroll_sync() { 
     var f1 = window.parent.frames[1]; 
     var f2 = window.parent.frames[2]; 

     f1.onscroll = function() { f2.scroll(f2.scrollX, f1.scrollY); } 
     f2.onscroll = function() { f1.scroll(f1.scrollX, f2.scrollY); } 
    } 

    dojo.addOnLoad(scroll_sync); 
</script> 

Cela fonctionne bien dans Firefox 3.x et Chrome 5.x. Pas dans Internet Explorer 8, cependant. Des idées?

Répondre

0

Dans IE Je pense que vous devez utiliser scrollTo comme: f2.scrollTo(0,f1_scroll_position);

+0

Je pense que le problème est la propriété 'scrollX', pas la méthode' scroll', qui fonctionne dans IE – Arkady