Ngx-drag-scroll: método moveRight não funciona ou problemas de suporte RTL

Criado em 19 jun. 2018  ·  11Comentários  ·  Fonte: bfwg/ngx-drag-scroll

  • Estou enviando um ...

    • [x] relatório de bug

  • Qual é o comportamento atual?
    Tenho um relatório de problema e uma pergunta a fazer.
    1- Acho que currIndex foi colocado fora do limite do array por engano na função CurrentChildWith (linha 274) e deve ser definido como length - 1 - assim como a condição da instrução if -. isso para de mover para a direita
    2- Acho que há muitos problemas com o suporte de RTL pois reachesRightBound emite falso no início e moveLeft funciona mesmo depois de atingir o limite esquerdo, mas não é o mesmo em limite certo.

Todos 11 comentários

Olá @MortezaT , desculpe pela demora na resposta. Você pode me dar algumas etapas de reprodução e um caso de uso para que eu possa dar uma olhada mais de perto? Obrigado!

Olá @bfwg , Obrigado pela resposta.
Atualmente estou muito ocupado com outras coisas, mas farei isso o mais rápido possível.

Nao tem problema nao se apresse.

aqui você pode ver minha implementação. Espero que isso ajude com o problema.

Olá @MortezaT , 2.0.0-beta.2 foi lançado, deixe-me saber que tornou seu problema de implementação pior ou melhor. Obrigado!

Nem o beta.2 nem o beta.3 funcionaram.
ambos apresentam um erro que sugere que não foi reconhecido pelo angular. Aqui está o erro:

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

Perdi algo?

Olá, @MortezaT , 2.0.0 usa drag-scroll como o elemento host do carrossel em vez de div. Além disso, para marcar os elementos filhos, precisamos usar a diretiva 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>

Mais informações podem ser encontradas no README.md.

Saúde.

Olá @bfwg Obrigado.
Existe alguma documentação para a nova versão, porque parece que eles são muito diferentes.
Não consigo entender por que há 20px além da largura e altura de .drag-scroll-content .

Para ocultar a barra de rolagem, precisamos criar um novo div wrapper e inserir o div entre o div pai e o div do carrossel (.drag-scroll-content).

Por exemplo:
Este é um carrossel normal
image

Quando tentamos esconder a barra de rolagem, não há mágica! Simplesmente criamos uma div de invólucro e definimos o tamanho dessa div de invólucro como o mesmo da div de contêiner, mas sem a largura / altura da barra de rolagem. O 20px é a altura / peso da barra de rolagem no navegador atual.

image

Por fim, destacamos o div do contêiner, anexamos o div do invólucro ao div pai e inserimos o div do contêiner de volta ao div do invólucro.

image

Como o atributo overflow do wrapper foi definido como 'hidden', as barras de rolagem não são mais mostradas.
Espero que minha habilidade de desenho ainda esteja à altura do jogo 😛

Entre em contato se tiver mais dúvidas ou se a nova versão estiver causando problemas.

Obrigado!

@bfwg
Obrigado. Agora com essa explicação visual tudo é óbvio para mim e confesso que é uma ideia inteligente.
Tudo parece bem, exceto a primeira navegação. Preciso arrastar um pouco antes (só que não é uma foto completa) para fazer navs funcionar.
Enquanto isso, o método moveRight funciona no momento e move a rolagem para a esquerda (fim)

Vou encerrar este problema. Por favor, me avise se eu precisar reabrir isso. Obrigado!

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

IlCallo picture IlCallo  ·  14Comentários

IlCallo picture IlCallo  ·  12Comentários

suresh2018 picture suresh2018  ·  22Comentários

bfwg picture bfwg  ·  13Comentários

leogilardi6 picture leogilardi6  ·  8Comentários