javascript - 始终将时间线设置器卡片聚焦在屏幕上

Question

我使用来自GitHub Repo的TimelineSetter 插件。

问题是当一个 TS 项目大于时间线的一半时，插件不知道将激活卡放在哪里，因此它被隐藏了，因为它超出了时间线。好消息是，当您缩放并且卡片（TS-item）的大小小于时间线大小的一半时，一切正常。

此 jsFiddle 存储库中说明了上述问题的一个示例：

示例 1

我试图解决这个问题，我使卡片的大小与时间线的大小相同，当卡片移动时，我不移动卡片而是移动卡片的箭头。Zoom不幸的是，这引入了该功能的其他问题。

工作演示：缩放问题

有人可以指出我如何解决这个问题的正确方向吗？

Answer 1

我没有看太多代码，但在我看来，问题在于卡片获得了很多“左：”css 属性。

尝试取出左边：并移动指向时间线部分的黄色箭头。