jQuery他の要素にマウスを移動しながらコントロールを移動する

Question

時間範囲を含む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>

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