Javascript 突出显示滚动条上的文本

Javascript 突出显示滚动条上的文本,javascript,jquery,css,jquery-plugins,highlight,Javascript,Jquery,Css,Jquery Plugins,Highlight,我想制作动画,突出显示文本的每个字母。是否有jQuery插件来突出显示WindowScoll上的文本?试图找出实现这一目标的轻量级方法。这就是我想要做的: highlight(); $(window).on("scroll", function(){ highlight(); }); function highlight(){ var scroll = $(window).scrollTop(); var height = $(window).height(); $(".h

我想制作动画,突出显示文本的每个字母。是否有jQuery插件来突出显示WindowScoll上的文本?试图找出实现这一目标的轻量级方法。

这就是我想要做的:

highlight();

$(window).on("scroll", function(){
  highlight();
});

function highlight(){
  var scroll = $(window).scrollTop();
  var height = $(window).height();

  $(".highlight").each(function(){
    var pos = $(this).offset().top;
    if (scroll+height >= pos) {
      $(this).addClass("active");
    } 
  });
}  

您的意思不太清楚。是否突出显示滚动条上的所有文本?或者一次只做一行,或者什么?我投票决定结束这个问题,因为在SOi上询问第三个资源是离题的。我的意思是通过将页面上的短语包装成span来突出显示它。添加onscroll,检测距离,计算出字母,添加一些CSS