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

标签 javascript jquery jquery-ui

我使用 TimelineSetter Plugin来自 GitHub Repo .

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

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

Example 1

enter image description here

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

Working demo: Problem with Zoom

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

最佳答案

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

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

关于javascript - 始终将 timelinesetter 卡聚焦在屏幕上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10267183/

相关文章:

JavaScript - 获取所选表格行的第一个单元格的数据

javascript - jquery 识别 li 是否被点击或 li 内的 p 被点击

javascript - jQuery-UI 可调整大小,以编程方式调整大小

Jquery 自动完成 : using tab to select first item and remain focus on search box

javascript - 无法使用新 nurl 中的附加信息将数据重新加载到 DataTable

jquery - jQuery-UI 对话框内多个 jQuery-UI 选项卡中的 jqGrids 导致出现页面的水平滚动条

javascript - 尝试通过单击按钮从文本区域复制代码

javascript - 在 HTML 中内联 ECMAScript 模块

javascript - 高库存间隙导致线条渲染问题

jquery - 如何向幻灯片或 nivoslider 等 slider 添加进度条(时间线)