Ngx-drag-scroll: メソッドmoveRightが機能しない、またはRTLサポートの問題

作成日 2018年06月19日  ·  11コメント  ·  ソース: bfwg/ngx-drag-scroll

  • 私は提出しています...

    • [x]バグレポート

  • 現在の動作は何ですか?
    1つの問題レポートと1つの質問がありました。
    1- currIndexが誤って配列境界の外に設定されたと思います関数CurrentChildWith (274行目)で、 length - 1設定する必要があります-ifステートメントの条件と同じです-。 これは右に動くのを止めます
    2- reachesRightBoundは最初はfalseを出力し、 moveLeftは左境界に達した後でも機能するため、 RTLサポートには多くの問題があると思いますが、同じではありません。右行き。

全てのコメント11件

こんにちは@MortezaT 、応答が遅れてすみません。 詳細を確認できるように、再現手順と使用例を教えてください。 ありがとう!

こんにちは@bfwg 、応答をありがとう。
現在、私は他のことでかなり忙しいですが、できるだけ早くやります。

問題ありません、時間をかけてください。

ここで私の実装を見ることができます。 これが問題の解決に役立つことを願っています。

こんにちは@ MortezaT 、2.0.0-beta.2がリリースされました。実装の問題が最悪または改善されたことをお知らせください。 ありがとう!

beta.2もbeta.3もまったく機能しませんでした。
それらは両方とも、それが角度によって認識されていないことを示唆するエラーを思い付きます。 エラーは次のとおりです。

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

私は何か見落としてますか?

こんにちは@ MortezaT 、2.0.0はdivの代わりにカルーセルホスト要素としてdrag-scrollを使用します。 また、子要素をマークするには、 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>

詳細については、README.mdを参照してください。

乾杯。

こんにちは@bfwgありがとう。
新しいバージョンのドキュメントはあまりにも異なっているように見えるので、何かありますか。
20pxの幅と高さに.drag-scroll-content 20px追加されている理由がわかりません。

スクロールバーを非表示にするには、新しいラッパーdivを作成し、親divとカルーセルdiv(.drag-scroll-content)の間にdivを挿入する必要があります。

例えば:
これは通常のカルーセルです
image

スクロールバーを非表示にしようとしても、魔法はありません。 ラッパーdivを作成し、そのラッパーdivのサイズをコンテナーdivと同じに設定しますが、スクロールバーの幅/高さを差し引いたものです。 20pxは、現在のブラウザのスクロールバーの高さ/重さです。

image

最後に、コンテナdivをデタッチし、ラッパーdivを親divにアタッチして、コンテナdivをラッパーdivに挿入し直します。

image

ラッパーのオーバーフロー属性が「非表示」に設定されているため、スクロールバーは表示されなくなりました。
私の描画スキルがまだゲーム次第であることを願っています😛

他にご不明な点がある場合、または新しいバージョンで問題が発生している場合はお知らせください。

ありがとう!

@bfwg
ありがとう。 この視覚的な説明で、すべてが私にとって明白であり、これは賢明な考えであると私は告白します。
初めてのナビゲーションを除いて、すべてが正常に見えます。 navs機能させるには、少し前にドラッグする必要があります(完全な写真ではありません)。
一方、メソッドmoveRightは現時点で機能し、スクロールを左(終了)に移動します

この問題を解決します。 これを再開する必要がある場合はお知らせください。 ありがとう!

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

MortezaT picture MortezaT  ·  5コメント

Andi1990 picture Andi1990  ·  7コメント

BovineEnthusiast picture BovineEnthusiast  ·  5コメント

IlCallo picture IlCallo  ·  14コメント

Andi1990 picture Andi1990  ·  10コメント