dave: Synchrones Scrollen im Firefox

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

  1. Synchrones Scrollen im Firefox

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@dave:

    nuqneH

    Folgendes funktioniert im Chrome

    In welchem? (Rhetorische Frage, s.u.)

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

    Was ist Firefox 13? Antwort: ein verpasstes Update.

    Es macht wenig Sinn, bei sich automatisch updatenden Browsern mit Versionsnummern zu hantieren. Du willst nicht, dass etwas im Firefox 13 funktioniert, sondern dass es im Firefox funktioniert.

    Bei Fehlerbeschreibungen kann eine Versionsnummer sinnvoll sein. Evtl. ist der Fehler im nächsten Update schon behoben.

    Dein Problem kann ich im weder im Firefox 13 (hatte tatsächlich noch einen) noch im Firefox 14 nachvollziehen.

    Qapla'

    --
    Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Synchrones Scrollen im Firefox

      dave
      – Informationen zu den Bewertungsregeln

      Hi,

      Folgendes funktioniert im Chrome

      In welchem? (Rhetorische Frage, s.u.)

      In allen mir bekannten, sonst hätte ich eine Versionsnr. dazugeschrieben.

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

      Was ist Firefox 13? Antwort: ein verpasstes Update.

      Yep.
      Und?

      Es macht wenig Sinn, bei sich automatisch updatenden Browsern mit Versionsnummern zu hantieren. Du willst nicht, dass etwas im Firefox 13 funktioniert, sondern dass es im Firefox funktioniert.

      Stimmt, ich will dass es im Firefox funktioniert.
      Ab Version 6 aufsteigend.

      Bei Fehlerbeschreibungen kann eine Versionsnummer sinnvoll sein. Evtl. ist der Fehler im nächsten Update schon behoben.

      Nunja, smooth scrolling ist AFAIK erst ab Version 13 standardmäßig aktiviert.
      Deshalb hab ich's dazu geschrieben.

      Dein Problem kann ich im weder im Firefox 13 (hatte tatsächlich noch einen) noch im Firefox 14 nachvollziehen.

      Warum hat sich der denn nicht selbstständig geupdated?

      Problem besteht bei mir auch im Firefox 14.
      Hast du "Sanften Bildlauf" ("smooth scrolling") aktiviert?

      IMHO sind Versionsnummern bei Problembeschreibungen _immer_ sinnvoll, auch wenn man sie nicht _immer_ braucht.

      ~dave

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Synchrones Scrollen im Firefox

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@dave:

        nuqneH

        Warum hat sich der denn nicht selbstständig geupdated?

        Hat er. Ich hatte ihn nur noch nicht neu gestartet, um mir dein Problem noch im 13er anzusehen.

        Problem besteht bei mir auch im Firefox 14.

        Bei mir nicht. Weder auf dem Mac noch unter Windows 7.

        Hast du "Sanften Bildlauf" ("smooth scrolling") aktiviert?

        Ja. Und auch mal ausgeschaltet. Kein Unterschied.

        Qapla'

        --
        Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln