在滚动上突出显示文本

时间:2017-11-22 13:40:05

标签: javascript jquery css jquery-plugins highlight

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

1 个答案:

答案 0 :(得分:0)

这就是我想做的事情:

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");
    } 
  });
}  

https://jsfiddle.net/4vm1sht5/3/