jQuery在将鼠标移动到另一个元素上时移动控件答案

【问题标题】：jQuery moving a control while move the mouse on another elementjQuery在将鼠标移动到另一个元素上时移动控件
【发布时间】：2017-09-18 04:16:45
【问题描述】：

我有一个包含时间范围的 div。移动鼠标时，我也有一个 div 滚动条。当鼠标在时间范围上移动时，我试图将时间控件与滚动一起移动。问题是时间控件不会根据鼠标移动而移动。

这是我所做的：

$('#timeTable').on('mousemove', function(e) {
  var xPrev = 600;
  var inc = 0;
  var position = $('#nowTime').offset().left;
  var leftOffset = $(this).offset().left;
  if (xPrev < e.pageX) {
    inc = -255;
  }
  $('#timeTableInner').css('left', -e.clientX + leftOffset + inc);
});

<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>

【问题讨论】：

你能提供一下代码吗？似乎是什么问题，你还没有问过问题。
您现在面临的问题是什么？
属性position 的timeTableInner 是absolute??
yes.position 是绝对的
那你检查控制台mousemove是否工作正常？

标签： javascript jquery css

【解决方案1】：

请检查一下。

这是你想要的吗？

check my updated fiddle here

<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>

【讨论】：

可以用不同的css移动nowTime元素吗？
@David 我已经更新了。你是什么意思different css??
我的意思是 nowTime 将在 timeTable 之外。所以在 mousemove 上我们可以将 nowTime 设置为随着时间移动。
@David 当然可以。无论元素在哪里，如果你给你想煮的东西id或class，你绝对可以处理。