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 direitaRTL
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.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
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.
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.
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!