javascript - 日程应用程序上的无限时间轴

标签 javascript html css

我目前有一个日程安排应用程序,它在应用程序顶部有一个时间轴。然而这个时间轴是固定长度的。我如何使它变得无限,以便当用户向左或向右滚动时,他们只会进一步滚动到过去或 future ?

请看这个JSBin查看固定长度时间轴的基本示例。

谢谢

最佳答案

你不能只为你的 DOM 实现无限长度/内容的东西,因为你的浏览器也会花费无限的时间来加载它。

但是,您可以通过 AJAX 将您的无穷大分解为几个加载步骤。 因此,一旦到达时间线的开头或结尾,AJAX 就会将较旧/较新的事件加载到其中。

jQuery 方法 .scrollLeft() 可以帮助您获取当前的水平滚动位置。

关于javascript - 日程应用程序上的无限时间轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40823006/

相关文章:

javascript - ftp 目录下载触发最大调用堆栈超出错误

ipad - iPad Safari HTML5音频播放

javascript - 记录匿名编辑页面上的文本

javascript - 如何在 JavaScript 中格式化连接的异常字符串

javascript - Array.sort 对一个字符串

javascript - 单击时在 td 中展开一个 div

jquery - 根据另一个 div 设置一个 div 的宽度

html - 添加 "overflow: Scroll"后,如果悬停在子 div 上应该显示的隐藏 div 不再出现

css - compass 的图标字体生成器?

javascript - 如何在Windows 8上设置nodejs + nginx