javascript - 常にタイムラインセッター カードを画面にフォーカスする

Question

GitHub RepoのTimelineSetter Pluginを使用します。

問題は、TS アイテムがタイムラインの半分よりも大きい場合、プラグインがアクティベート カードを配置する場所を認識できず、タイムラインの外に出てしまい、非表示になることです。良いことは、ズームしてカード (TS-item) のサイズがタイムラインのサイズの半分未満の場合、すべて正常に機能することです。

上記の問題の例は、次の jsFiddle リポジトリに示されています。

例 1

問題を修正しようとしましたが、カードのサイズをタイムラインと同じサイズにし、カードを移動すると、カードではなくカードの矢印が移動します。残念ながら、これによりZoom機能に他の問題が生じます。

実際のデモ: Zoom の問題

誰かがこれを修正する方法について正しい方向に向けることができますか?

Answer 1

私はコードをあまり見ていませんでしたが、カードが "left:" css プロパティの多くに到達することが問題であるように思えます。

left: を取り出して、タイムライン セクションを指す黄色の矢印を移動してみてください。