dave: Synchrones Scrollen im Firefox

Beitrag lesen

SELF-Forum

Synchrones Scrollen im Firefox

dave
– Informationen zu den Bewertungsregeln

Hi,

ich habe zwei div-Elemente nebeneinander, bei denen ich möchte, dass sie synchron scrollen.

Folgendes funktioniert im Chrome:

<!DOCTYPE html>  
<title></title>  
<style>  
[code lang=css].outer {  
    overflow: auto;  
    height: 200px;  
    width: 200px;  
    float: left;  
    border: 1px solid #ccc;  
}​

</style>
<div class="outer first">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div class="outer second">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<script>

window.addEventListener('DOMContentLoaded', function () {  
    var first = document.getElementsByClassName('first')[0],  
        second = document.getElementsByClassName('second')[0];  
  
    first.addEventListener('scroll', function (e) {  
        second.scrollTop = this.scrollTop;  
    });  
    second.addEventListener('scroll', function (e) {  
        first.scrollTop = this.scrollTop;  
    });  
});

</script>[/code]

Im Firefox 13 wird immer nur ~1px weit gescrollt.
Soweit ich das nachvollziehen kann liegt das an dem "Smooth-Scrolling".

Wie mache ich dass es im Firefox 13 vernünftig funktioniert?

~dave

Beitrag melden
–
Informationen zu den Bewertungsregeln