Javascript jQuery在另一个元素上移动鼠标时移动控件
我有一个包含时间范围的div。我也有一个滚动的div时,移动鼠标。当鼠标在时间范围内移动时,我试图将时间控件与滚动一起移动。问题是时间控件不随鼠标移动而移动 以下是我所做的:Javascript jQuery在另一个元素上移动鼠标时移动控件,javascript,jquery,css,Javascript,Jquery,Css,我有一个包含时间范围的div。我也有一个滚动的div时,移动鼠标。当鼠标在时间范围内移动时,我试图将时间控件与滚动一起移动。问题是时间控件不随鼠标移动而移动 以下是我所做的: $(“#时间表”).on('mousemove',函数(e){ var xPrev=600; var inc=0; var position=$('#nowTime').offset().left; var leftOffset=$(this).offset().left; 如果(xPrev
$(“#时间表”).on('mousemove',函数(e){
var xPrev=600;
var inc=0;
var position=$('#nowTime').offset().left;
var leftOffset=$(this).offset().left;
如果(xPrev
10:00
- 0:00
------------
24:00
请检查此项
这是你想要的吗
10:00
- 0:00
24:00
您能为代码提供一把小提琴吗。问题是什么,您还没有问任何问题。您现在面临的问题是什么?timeTableInner
的属性position
是absolute
?是的。position是absolute然后您是否检查控制台mousemove
是否工作正常?可以使用不同的css移动nowTime元素吗?@David I已更新。你的意思是什么不同的css?我的意思是现在的时间将超出时间表。所以在mousemove上我们可以设置现在的时间随着时间移动。@David当然可以。无论元素位于何处,如果您将id
或class
提供给您想要烹饪的东西,您完全可以处理它。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<time id="nowTime">10:00</time>
<div id="timeTable">
<div id="timeTableInner">
<ul id="timeText">
<li class="t0000"><span class="hourText">0:00</span></li>
<li class="t0015"> </li>
<li class="t0030"> </li>
<li class="t2400"><span class="hourText">24:00</span></li>
</ul>
</div>
</div>