在div中滚动高亮文字

Question

我用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;
  }

我试着添加 $('span:time-span(.highlight):first');. 然而这并不奏效。文本没有滚动。

Answer 1

感谢。https:/stackoverflow.coma243903781035130

我添加了这个，它的工作

var $container = $("#player_1_transcript");
          var $scrollTo = $('.highlight');
          $container.animate({scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop(), scrollLeft: 0},300);