滾動腳本，scrollTop，回調函數

Question

在這裏，我正在運行一個腳本，它也突出顯示了當前單詞。轉錄本向上滾動，文本丟失視圖，問題突出顯示。我想要發生的是，當突出顯示到盒子的頂部時，它應該停留在頂部視線中，並且不會向上消失。你能幫我嗎？？？

function runTransript() { 

//var player = _V_('video'); 
//var videoCurrentTime = player.currentTime(); 

var transcriptSpeed = 300; //videoCurrentTime; 

transcriptSpeed *= $("#transcript .full-transcript").parent().height(); 

$("div").css({ top: $(this).parent().height() + 'px' }); 
$("div").animate({top: -$(this).height() }, transcriptSpeed, 'linear'); 
$(".transcript-text").each(function(index){ 

    var curObj = $(this); 
    var interval = $(this).attr('time'); 

    curObj.delay(interval).animate({color: '#5c9127'}, 100, function() { 
     $(this).prev().removeAttr("style").prev().removeAttr("style").prev().removeAttr("style"); 
    }); 

}); 

}

Answer 1

功能runTransript（）{

var player = _V_('video'), 
    videoCurrentTime = player.currentTime(), 
    lineCount = 1, 
    transcriptSpeed = videoCurrentTime; 

transcriptSpeed *= $("#transcript .full-transcript").parent().height(); 

$("div").css({ top: $(this).parent().height() + 'px' }); 
$("div").each(function(index){ 

    var curObj = $(this); 
    var interval = $(this).attr('time'); 

    curObj.delay(interval).animate({color: '#f0e53d'}, 100, function() { 

     var pos = $(this).position(); 
     console.log(pos.left); 
     if(parseInt(pos.left) == 15 && index > 0){ 
      $("div").delay(2000).animate({top: "-"+parseInt(lineCount*35)+"px" }, 'slow', 'linear'); 
      lineCount++; 
     } 
     $(this).addClass('active').prev().removeClass('active').removeAttr("style"); 
    }); 

}); 

}