Ngx-drag-scroll: la méthode moveRight ne fonctionne pas ou problèmes de support RTL

Créé le 19 juin 2018  ·  11Commentaires  ·  Source: bfwg/ngx-drag-scroll

  • Je soumets un...

    • [x] rapport de bogue

  • Quel est le comportement actuel ?
    J'ai un rapport de problème et une question à poser.
    1- Je pense que currIndex a été défini par erreur en dehors des limites du tableau Dans la fonction CurrentChildWith (ligne 274) et qu'il devrait être défini sur length - 1 - tout comme la condition de l'instruction if -. cela arrête de bouger à droite
    2- Je pense qu'il y a beaucoup de problèmes avec le support de RTL car reachesRightBound émet faux au tout début et moveLeft fonctionne même après avoir atteint la limite gauche mais ce n'est pas la même chose sur lié à droite.

Tous les 11 commentaires

Salut @MortezaT , désolé pour la réponse tardive. Pouvez-vous me donner quelques étapes de reproduction et un cas d'utilisation afin que je puisse regarder de plus près ? Merci!

Salut @bfwg , merci pour la réponse.
Actuellement, je suis assez occupé avec d'autres trucs, mais je le ferai dès que possible.

Pas de problème prend ton temps.

ici vous pouvez voir ma mise en œuvre. J'espère que cela aide à résoudre le problème.

Salut @MortezaT , 2.0.0-beta.2 est sorti, faites-moi savoir que cela a aggravé ou amélioré votre problème d'implémentation. Merci!

Ni la bêta.2 ni la bêta.3 n'ont fonctionné du tout.
ils trouvent tous les deux une erreur qui suggère qu'elle n'a pas été reconnue par angulaire. Voici l'erreur :

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

Ai-je oublié quelque chose?

Salut @MortezaT , 2.0.0 utilise drag-scroll comme élément hôte du carrousel au lieu de div. De plus, pour marquer les éléments enfants, nous devons utiliser la directive 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>

Vous trouverez plus d'informations dans le fichier README.md.

À votre santé.

Salut @bfwg Merci.
Existe-t-il de la documentation pour la nouvelle version, car il semble qu'elles soient bien trop différentes.
Je ne comprends pas pourquoi il y a 20px ajout de .drag-scroll-content .

Pour masquer la barre de défilement, nous devons créer un nouveau div wrapper et insérer le div entre le div parent et le carrousel div (.drag-scroll-content).

Par exemple:
Ceci est un carrousel normal
image

Quand on essaie de masquer la barre de défilement, il n'y a pas de magie ! Nous créons simplement une div wrapper et définissons la taille de cette div wrapper comme étant la même que la div conteneur mais moins sa largeur/hauteur de barre de défilement. Le 20px est la hauteur/poids de la barre de défilement dans le navigateur actuel.

image

Enfin, nous détachons le conteneur div, attachons le wrapper div au parent div et insérons le conteneur div dans le wrapper div.

image

Étant donné que l'attribut de débordement du wrapper a été défini sur « masqué », les barres de défilement ne sont plus affichées.
J'espère que mes compétences en dessin sont toujours à la hauteur 😛

Faites-moi savoir si vous avez d'autres questions ou si la nouvelle version vous cause des problèmes.

Merci!

@bfwg
Merci. Maintenant avec cette explication visuelle tout est évident pour moi et j'avoue que c'est une idée intelligente.
Tout semble bien sauf la toute première navigation. Je dois faire glisser un peu avant (juste un peu pas une photo complète) pour que navs fonctionne.
Pendant ce temps, la méthode moveRight fonctionne pour le moment et déplace le défilement vers la gauche (fin)

Je vais clore ce sujet. S'il vous plaît laissez-moi savoir si je dois rouvrir cela. Merci!

Cette page vous a été utile?
0 / 5 - 0 notes