Ngx-drag-scroll: Methode moveRight funktioniert nicht oder Probleme mit dem RTL-Support

Erstellt am 19. Juni 2018  ·  11Kommentare  ·  Quelle: bfwg/ngx-drag-scroll

  • Ich reiche ein...

    • [x] Fehlerbericht

  • Wie ist das aktuelle Verhalten?
    Ich habe einen Problembericht und eine Frage zu stellen.
    1- Ich denke, currIndex wurde versehentlich in der Funktion CurrentChildWith (Zeile 274) außerhalb der Array-Grenze gesetzt und sollte auf length - 1 - genau wie die Bedingung der if-Anweisung -. das hört auf, nach rechts zu bewegen
    2- Ich denke, es gibt viele Probleme mit der Unterstützung von RTL , da reachesRightBound am Anfang falsch ausgibt und moveLeft auch nach Erreichen der linken Grenze funktioniert, aber es ist nicht dasselbe rechts gebunden.

Alle 11 Kommentare

Hallo @MortezaT , sorry für die verspätete Antwort. Können Sie mir einige Reproduktionsschritte und einen Anwendungsfall geben, damit ich mir das genauer ansehen kann? Vielen Dank!

Hallo @bfwg , danke für die Antwort.
Momentan bin ich ziemlich beschäftigt mit einigen anderen Sachen, aber ich werde es so schnell wie möglich tun.

Kein Problem, nimm dir Zeit.

hier seht ihr meine Umsetzung. Ich hoffe das hilft bei dem Problem.

Hallo @ MortezaT , 2.0.0-beta.2 ist draußen, lassen Sie mich wissen, dass Ihr Implementierungsproblem dadurch schlimmer oder besser geworden ist. Vielen Dank!

Weder Beta.2 noch Beta.3 funktionierten überhaupt.
Beide kommen mit einem Fehler, der darauf hindeutet, dass er von Angle nicht erkannt wurde. Hier ist der Fehler:

 Can't bind to 'scrollbar-hidden' since it isn't a known property of 'div'.

Habe ich etwas verpasst?

Hallo @MortezaT , 2.0.0 verwendet drag-scroll als Karussell- Hostelement anstelle von div. Um untergeordnete Elemente zu markieren, müssen wir außerdem die Direktive drag-scroll-item .

  <drag-scroll>
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
    <img drag-scroll-item src="some-url" />
  </drag-scroll>

Weitere Informationen finden Sie in der README.md.

Danke schön.

Hallo @bfwg Danke.
Gibt es eine Dokumentation für die neue Version, denn es sieht so aus, als ob sie viel zu unterschiedlich sind.
Ich kann nicht verstehen, warum 20px zur Breite und Höhe von .drag-scroll-content .

Um die Bildlaufleiste auszublenden, müssen wir ein neues Wrapper-Div erstellen und das Div zwischen dem Eltern-Div und dem Karussell-Div einfügen (.drag-scroll-content).

Zum Beispiel:
Das ist ein normales Karussell
image

Wenn wir versuchen, die Bildlaufleiste auszublenden, gibt es keine Magie! Wir erstellen einfach ein Wrapper-Div und setzen die Größe dieses Wrapper-Divs auf die gleiche Größe wie das Container-Div, jedoch abzüglich der Breite/Höhe der Bildlaufleiste. Das 20px ist die Höhe/das Gewicht der Bildlaufleiste im aktuellen Browser.

image

Schließlich lösen wir das Container-Div, fügen das Wrapper-Div an das übergeordnete Div an und fügen das Container-Div wieder an das Wrapper-Div zurück.

image

Da das Overflow-Attribut des Wrappers auf 'hidden' gesetzt wurde, werden die Scrollbars nicht mehr angezeigt.
Ich hoffe, dass meine Zeichenkünste noch dem Spiel gewachsen sind 😛

Lassen Sie es mich wissen, wenn Sie weitere Fragen haben oder die neue Version Probleme bereitet.

Vielen Dank!

@bfwg
Vielen Dank. Mit dieser visuellen Erklärung ist mir jetzt alles klar und ich gebe zu, dass dies eine kluge Idee ist.
Alles sieht gut aus, bis auf die allererste Navigation. Ich muss vorher ein bisschen ziehen (nur ein bisschen kein vollständiges Foto), damit navs funktioniert.
Inzwischen funktioniert die Methode moveRight im Moment und bewegt das Scrollen nach links (Ende)

Ich werde dieses Thema schließen. Bitte lassen Sie es mich wissen, wenn ich das wieder öffnen muss. Vielen Dank!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Sprauch picture Sprauch  ·  13Kommentare

suresh2018 picture suresh2018  ·  22Kommentare

bfwg picture bfwg  ·  13Kommentare

Andi1990 picture Andi1990  ·  7Kommentare

leogilardi6 picture leogilardi6  ·  8Kommentare