問題タブ [flickity]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2714 参照

javascript - 別のナビゲーションとしての Flickity カルーセル

だから、私はこれを使用しています https://codepen.io/desandro/pen/wByaqj

そして、私はprevNextButtons: true,このようにアクティブにしました:

prevNextButtonsforをクリックすると、.characters-navから要素が自動的に選択されます.characters-main

これが今の仕組みです:

ここに画像の説明を入力

0 投票する
0 に答える
297 参照

flickity - flickity wrapAround カルーセルで一方向へのドラッグを無効にするにはどうすればよいですか?

wrapAround が true に設定された単純な 30 項目の Flickity カルーセルがあります。右から左へのドラッグを無効にして、左から右へのドラッグを機能させたままにする方法はありますか?

次のようにオン/オフできます。

$carousel.flickity('unbindDrag');

しかし、双方向で無効にしたくありません

0 投票する
2 に答える
395 参照

angular - Angular 5 可動コンポーネント / dom 操作

私はAngular 5でslider-lib flickityを使用しようとしていますが、いくつかのdom操作を行うため失敗します.angularは好きではありません.

それらの説明では、次のように使用する必要があります。

*ngForこれは機能しますが、次のような角度では使用したくありません。

しかし、flickity は divflickity-viewportとに追加flickity-sliderし、そこにスライドを配置するため、Angular はそれを好みません。

そのため、スライド中にslidesが削除され.flickity-slider、追加され.galleryます (おそらく *ngFor が で初期化されたため.gallery)。

これを機能させることができるアイデアはありますか?