0

ドロップ可能な li 要素を含む 2 つの隣接する jScrollPanes があります。最初の div は 2 番目の div の上 (y 軸上) にあるため、一番上の div からのオーバーフローはその下の div の「下」に流れます (両方とも overflow:hidden です)。問題は、ドラッグ可能な要素を下部の jScrollPane にドロップすると、上部の要素がコンテナーの表示領域の外側にあるにもかかわらず、上部と下部の両方のドロップ可能な要素によってイベントがキャッチされることです。

「非表示」要素 (スクロールペインの外側にある要素) がドロップ イベントをキャッチしないようにするにはどうすればよいですか? ドロップ可能オブジェクトが :hidden または :visible であるかどうかをテストするロジックを挿入しようとしましたが、うまくいきませんでした。z-index で遊んでもうまくいきませんでした。droppable() ハンドラーを li ではなくコンテナーに委譲したかったのですが、それはサポートされていません。

4

1 に答える 1

0

この回答を使用して、jScrollPane で動作するように変更することで、この問題を解決しました。違いは、考慮する必要がある 2 つの異なる親が存在することです。他のソリューションで参照されている「親」のサイズは から取得できます$(this).closest(".jspContainer")が、表示可能な領域のオフセットも考慮する必要があります。垂直方向にのみスクロールしている場合、オフセットはparseInt(#(this).closest(".jspPane").css("top")です。

于 2013-11-20T22:43:57.183 に答える