Javascript jQuery在另一个元素上移动鼠标时移动控件

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

我有一个包含时间范围的div。我也有一个滚动的div时,移动鼠标。当鼠标在时间范围内移动时,我试图将时间控件与滚动一起移动。问题是时间控件不随鼠标移动而移动

以下是我所做的:

$(“#时间表”).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">&nbsp;</li>
            <li class="t0030">&nbsp;</li>
            <li class="t2400"><span class="hourText">24:00</span></li>
        </ul>
    </div>
</div>