javascript - 始终将 timelinesetter 卡聚焦在屏幕上

Question

我使用 TimelineSetter Plugin来自 GitHub Repo .

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

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

Example 1

我试图解决这个问题，我让卡片的大小与时间轴的大小相同，当卡片被移动时，我没有移动卡片，而是移动了卡片的箭头。不幸的是，这给 Zoom 功能带来了其他问题。

Working demo: Problem with Zoom

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

Answer 1

我没有过多地查看代码，但在我看来，问题在于卡片获得了大部分“left:”css 属性。

尝试取出 left: 并移动指向时间轴部分的黄色箭头。