Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 16
  1. #1
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    Question Div's beim Scrollen horizontal verschieben

    Hallo,

    ich möchte gerne zwei Div's (rot und grün) beim Scrollen nach links bzw. rechts verschieben, damit ein drittes Div (gelb) dazwischen durchlaufen kann.
    Ich habe schon etwas herumexperimentiert, allerdings passt das Ergebnis noch nicht ganz.
    Demo

    Problem
    Die Verschiebungen der beiden Div's (rot und grün) scheinen nicht immer gleich zu sein. Je nachdem wie ich den Scrollbalken bewege funktioniert es einmal, ein anderes Mal überschneiden sich die Div's.

    Hat jemand einen Tipp oder sieht einen Fehler meinerseits.

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Dein Problem liegt daran, dass du die rote und grüne Box auch in der Horizontalen mit festen Werten fixed positionierst. Das beschehrt dir dann natrülich Probleme, wenn das Browserfenster mal einen andere Breite hat.

    Um das zu umgehen, kannst du einen kleinen Trick anwenden: du gibst den beiden keinen left/right Wert und packst sie in zwei absolut positionierte Elemente, die sich dann an dem Gelben orientieren: Edit fiddle - JSFiddle

  3. #3
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Vielen Dank für deine Hilfe. So funktioniert es.

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Bitte - gern geschehen.

  5. #5
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Ich wollte das Script gerne auf einem Tablet, sprich mit einem touch-Event einsetzen.

    Das zu verschiebende Element (rote Box) wird nicht "fließend" verschoben bzw. erst verzögert.

    Ich habe es schon mit $(document).bind("touchmove", function(e) versucht. Leider stehe ich aber gerade auf dem Schlauch.

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    In welchem Browser auf welchem Tablet genau hast du das probiert. Eigentlich sollte das onscroll-Event sich da genauso verhalten.

    Hast du einen Testlink oder verwendest du das Fiddle genau so, wie es ist?

  7. #7
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Ich habe es mit einem Samsung Galaxy Tab 3 und Firefox getestet.

    Wenn ich es auf Fiddle teste funktiomiert es. Übernehme ich den Code auf die lokale Umgebung, ist der Scroll-Effekt verzögert.

    Ich habe die Testdatei hochgeladen.
    Angehängte Dateien Angehängte Dateien

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Zitat Zitat von morhinio Beitrag anzeigen
    lokale Umgebung
    Was heißt das genau?

  9. #9
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Auf einem lokalen Webserver. Die Demo ist nicht extern, sprich über eine Domain, aufrufbar.

  10. #10
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Was heißt genau lokal? Auf dem Tablet oder lokal in deinem privaten Netzwerk.

  11. #11
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Das eine schließt das andere nicht aus. Ich habe es auf einem Tablet innerhalb eines lokalen Netzwerkes gestestet.

  12. #12
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Nein, ich meine wo der lokale Webserver läuft. Läuft der auf dem Tablet oder auf einem anderen Rechner im lokalen Netzwerk?

  13. #13
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Ah, ich verstehe.
    Der Werbserver läuft auf einem lokalen Server. Von da aus rufe ich das Script bzw. die Seite per Tablet bzw. Desktop-PC auf.

  14. #14
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.672

    AW: Div's beim Scrollen horizontal verschieben

    Hm... das ist seltsam.

    Kannst du mal die gleiche jQuery-Version wie beim fiddle verwenden. Eventuell liegt es daran.

  15. #15
    morhinio ist offline Mitglied
    registriert
    28-05-2007
    Beiträge
    26

    AW: Div's beim Scrollen horizontal verschieben

    Ich habe es mit der gleichen Version getestet. Ohne Veränderung.

    Allerdings ist mir folgendes aufgefallen.
    Mit dem Chrome auf dem Tablet funktioniert es ohne Probleme.
    Mit dem Firefox auf dem Tablet funktioniert es nicht.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. div horizontal scrollen
    Von sebastian9 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 07-08-2008, 10:28
  2. Ebene nur horizontal scrollen?
    Von techno im Forum CSS und (X)HTML
    Antworten: 22
    Letzter Beitrag: 08-11-2006, 18:57
  3. Antworten: 3
    Letzter Beitrag: 06-04-2005, 21:49
  4. Nur horizontal Scrollen
    Von adi99 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 07-08-2004, 13:39
  5. horizontal scrollen
    Von sanchez im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 06-09-2002, 18:44

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •