当前位置：文江博客话题详情

明喻时间线 - 浮动日期

发布于 2024-09-09 04:54:51 字数 585 浏览 11 评论 0原文

我们正在尝试整合 Simile 时间线 (http://www.simile-widgets.org/timeline/ ）进入 SalesForce.com 支持的页面。

业务是公寓预订。日历将显示相关公寓的预订。公寓出现在左侧的单独 div 上并且是固定的。

我们可能会遇到很长的日历（高度> 1000px）。发生的情况是，日期标签出现在页面底部，当用户位于页面顶部时不可见。

替代文本 http://img130.imageshack.us/img130/9459/grabsfcalendar.png< /a> （请注意，此抓取中没有显示预订，高度也不会太高）

当 DAY 区域太长而无法容纳屏幕时，日期标记将被隐藏。是否可以浮动日期（仅在一个区域中），以便即使用户滚动（向上或向下），日期仍然处于视图中？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巴黎盛开的樱花 2024-09-16 04:54:51

我不确定我是否正确理解你的问题，但是当你在时间轴中创建一个带区时，Timeline.createBandInfo() 接受一个参数对象，这些参数之一是“对齐”。如果您将其设置为“顶部”，那么您的日期标记将显示在带的顶部。例如：

Timeline.createBandInfo({
    eventSource: eventSourceNarrative,
    date: "May 10 1199 00:00:00 GMT",
    width: "40%",  
    align: "Top",
    intervalUnit: Timeline.DateTime.MONTH,
    intervalPixels: 52,
    theme: johnTheme
}),

但请注意 http://www.simile-widgets.org/ wiki/Timeline_ThemeClass#track

或者，可以在“主题”对象中设置此属性，而不是使用 hAlign。请参阅以下文档：

http://www.simile-widgets.org/wiki/Timeline_ThemeClass

另请参阅以下代码：
http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/scripts/ether-painters.js

实际应用“对齐”的函数参数为：

Timeline.EtherIntervalMarkerLayout

I'm not sure I understand your question correctly, but when you create a band in timeline, Timeline.createBandInfo() takes a parameters object, one of these parameters is 'align'. If you set this to "Top", then your date markers will appear at the top of the band. For example:

Timeline.createBandInfo({
    eventSource: eventSourceNarrative,
    date: "May 10 1199 00:00:00 GMT",
    width: "40%",  
    align: "Top",
    intervalUnit: Timeline.DateTime.MONTH,
    intervalPixels: 52,
    theme: johnTheme
}),

But note the proviso at http://www.simile-widgets.org/wiki/Timeline_ThemeClass#track

Alternatively, this property can be set in your 'theme' object instead using hAlign. see the docs at:

http://www.simile-widgets.org/wiki/Timeline_ThemeClass

The function that actually applies the 'align' parameter is: