Ngx-drag-scroll: el método moveRight no funciona O problemas de soporte RTL

Creado en 19 jun. 2018 · 11Comentarios · Fuente: bfwg/ngx-drag-scroll

Estoy enviando un ...
- [x] informe de errores
¿Cuál es el comportamiento actual?
Tengo un informe de problemas y una pregunta que hacer.
1- Creo que currIndex se ha establecido fuera del límite de la matriz por error En la función CurrentChildWith (línea 274) y debe establecerse en length - 1 , al igual que la condición de la declaración if -. esto deja de moverse a la derecha
2- Creo que hay muchos problemas con el soporte de RTL ya que reachesRightBound emite falso al principio y moveLeft funciona incluso después de alcanzar el límite izquierdo, pero no es lo mismo en límite a la derecha.

Fuente

MortezaT

Todos 11 comentarios

Hola @MortezaT , perdón por la demora en la respuesta. ¿Puede darme algunos pasos de reproducción y un caso de uso para que pueda ver más de cerca? ¡Gracias!

bfwg en 22 jun. 2018

Hola @bfwg , Gracias por la respuesta.
Actualmente estoy bastante ocupado con algunas otras cosas, pero lo haré lo antes posible.

MortezaT en 25 jun. 2018

👍1

No hay problema, tomate tu tiempo.

bfwg en 25 jun. 2018

👍1

aquí puedes ver mi implementación. Espero que esto ayude con el problema.

MortezaT en 7 jul. 2018

👍1

Hola @MortezaT , 2.0.0-beta.2 está disponible, avíseme que hizo que su problema de implementación fuera peor o mejor. ¡Gracias!

bfwg en 12 jul. 2018

Ni beta.2 ni beta.3 funcionaron en absoluto.
ambos tienen un error que sugiere que no ha sido reconocido por angular. Aquí está el error:

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

¿Me he perdido algo?

MortezaT en 14 jul. 2018

Hola @MortezaT , 2.0.0 usa drag-scroll como elemento de host del carrusel en lugar de div. Además, para marcar elementos secundarios, necesitamos usar la directiva 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>

Puede encontrar más información en el archivo README.md.

Salud.

bfwg en 15 jul. 2018

👍1

Hola @bfwg Gracias.
¿Hay alguna documentación para la nueva versión, porque parece que son demasiado diferentes?
No puedo entender por qué hay 20px además del ancho y alto de .drag-scroll-content .

MortezaT en 15 jul. 2018

Para ocultar la barra de desplazamiento, necesitamos crear un nuevo div contenedor e insertar el div entre el div padre y el div carrusel (.drag-scroll-content).

Por ejemplo:
Este es un carrusel normal

Cuando intentamos ocultar la barra de desplazamiento, ¡no hay magia! Simplemente creamos un div contenedor y establecemos el tamaño de ese div contenedor como el mismo que el div contenedor, pero menos el ancho / alto de la barra de desplazamiento. 20px es la altura / peso de la barra de desplazamiento en el navegador actual.

Finalmente, separamos el contenedor div, adjuntamos el contenedor div al padre div e insertamos el contenedor div de nuevo al contenedor div.

Dado que el atributo de desbordamiento del contenedor se ha establecido en 'oculto', las barras de desplazamiento ya no se muestran.
Espero que mi habilidad de dibujo todavía esté a la altura del juego 😛

Avíseme si tiene más preguntas o si la nueva versión le está causando algún problema.

¡Gracias!

bfwg en 16 jul. 2018

@bfwg
Gracias. Ahora con esta explicación visual todo es obvio para mí y confieso que es una idea inteligente.
Todo se ve bien, excepto la primera navegación. Tengo que arrastrar un poco antes (solo un poco, no una foto completa) para que navs funcione.
Mientras tanto, el método moveRight funciona en este momento y mueve el desplazamiento hacia la izquierda (final)

MortezaT en 18 jul. 2018

Voy a cerrar este tema. Por favor, avíseme si necesito reabrir esto. ¡Gracias!

bfwg en 25 oct. 2018

¿Fue útil esta página

0 / 5 - 0 calificaciones