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 bewegenRTL
, da reachesRightBound
am Anfang falsch ausgibt und moveLeft
auch nach Erreichen der linken Grenze funktioniert, aber es ist nicht dasselbe rechts gebunden.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
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.
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.
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!