滚动div中突出显示的文本

我使用frogaloop制作了视频转录本,并尝试在添加.highlight类时自动滚动div中的文本。

 function checkTime() {
      froogInstance.addEvent('playProgress', function(data) {
        var curTime = Math.floor(Number(data.seconds));
        if(events[curTime]) {
          $('.highlight').removeClass('highlight');
          events[curTime].addClass('highlight');
          $('span:time-span(.highlight):first');
        }
      });
    }
    jumpToClickedSentance(args);
    initTimes(args);
    return this;
  }

I have tried by adding $('span:time-span(.highlight):first');. However this doesn't work. The text is not scrolling.

Working Demo