始终将timelinesetter卡片集中在屏幕上

Question

我用TimelineSetter插件从GitHub库.

问题是,当TS项目大于时间轴的一半时,插件不知道将激活卡放在何处,因此它被隐藏,因为它超出了时间线.好的是,当你缩放并且卡片(TS项目)的大小不到时间线大小的一半时,一切正常.

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

例1

我试图修复问题,并且我将卡的大小设置为与时间线大小相同,当卡被移动时,我不会移动卡而是移动卡的箭头.不幸的是,这引入了Zoom功能的其他问题.

工作演示:缩放问题

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

Answer 1

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

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