【问题标题】:TV Guide Automatically Scroll Horizontally to Current Time电视指南自动水平滚动到当前时间
【发布时间】:2015-01-17 10:52:39
【问题描述】:

我希望有人可以帮助我。我目前在 DIV 中有一个电视指南。 free-view/sky 等公司如何设置指南在当前时间启动?

I.E.时间现在是晚上 7 点,因此应该输出以下内容:

我花了很多时间在谷歌上搜索诸如当前时间滚动 div 和所有组合之类的东西。不确定这个功能叫什么。

提前致谢

【问题讨论】:

  • 什么意思?您可能想向所有人解释您正在尝试做什么,并提供您尝试过的代码和示例。
  • 很抱歉没有说得更清楚,我在我的网站jsfiddle.net/stfzy/1136 中设置了以下 jsfiddle。每个绿色框都有一个值 - 上午 9 点、上午 10 点、上午 11 点等。如何让左侧的第一个 div 在当前时间开始?

标签: jquery html date time scroll


【解决方案1】:

先搞定时间:

var dt = new Date();
var time = dt.getHours();

接下来找到那个时间的div:

var myDiv = $("mycontainer").filter(function() {
    return $(this).text().indexOf(time) > -1;
});

下一个滚动到那个 div

$('html, body').animate({
    scrollTop: myDiv.offset().top
}, 2000);

希望你能理解

【讨论】:

  • 感谢您的回复马修,不太明白。你知道任何在线教程或任何我可以使用的东西吗?或者我应该寻找什么来帮助解决这个问题?
  • 嗯,这只是全局 jquery 技能。一旦你熟悉了操作 DOM,唯一的限制就是你的想象力。我不知道 jquery 的任何教程,我只是知道它会起作用。
猜你喜欢
  • 1970-01-01
  • 2014-01-03
  • 1970-01-01
  • 1970-01-01
  • 2021-11-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多