Javascript 突出显示滚动条上的文本
我想制作动画,突出显示文本的每个字母。是否有jQuery插件来突出显示WindowScoll上的文本?试图找出实现这一目标的轻量级方法。这就是我想要做的: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
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