Fatal编程技术网
  • jquery/
  • 滚动div（如果可见）时，在此div上启动jQuery脚本

滚动div（如果可见）时，在此div上启动jQuery脚本

jquery

滚动div（如果可见）时，在此div上启动jQuery脚本,jquery,jquery-animate,progress-bar,Jquery,Jquery Animate,Progress Bar,我需要解决我的问题与动画比你在div滚动。如果我设置了这个函数的代码，我的意思是这部分代码 $('#bar'+dataNr).find('span').removeClass().addClass(dataColor).animate({width: dataWidth}); 一切都正常，所有的事件都正常，比如mouseenter、movemose等。当我尝试在页面滚动时设置进度条的动画时，这一切都不正常。这是我的密码 $（窗口）。滚动（函数（）{ var dataColor=$（this）

我需要解决我的问题与动画比你在div滚动。如果我设置了这个函数的代码，我的意思是这部分代码

$('#bar'+dataNr).find('span').removeClass().addClass(dataColor).animate({width: dataWidth});
一切都正常，所有的事件都正常，比如mouseenter、movemose等。当我尝试在页面滚动时设置进度条的动画时，这一切都不正常。这是我的密码

$（窗口）。滚动（函数（）{
var dataColor=$（this）.data（'color'）；
var dataWidth=$（this）.data（'width'）；
var dataNr=$（this.data（'nr'）；
如果（$（this）.scrollTop（）>0）{
$（'#bar'+dataNr）.find（'span'）.removeClass（）.fadeIn（1000）.addClass（dataColor）.animate（{width:dataWidth}）；
}否则{
$（'#bar'+dataNr）.find（'span'）.removeClass（dataColor）；
}
});

。进度条{
背景色：rgba（0,0,0,0.7）；
高度：25px；
填充物：5px；
宽度：300px；
边界半径：5px；
}
.进度条跨度{
显示：内联块；
身高：100%；
宽度：0；
边界半径：3px；
}
蓝先生{
背景色：#34c2e3；
}



技能

PHP/WordPress


为什么我的数据错误？我需要从HTML获取数据，以便在滚动此分区时设置进度条。当我放入
$（'#bar'+dataNr）.find（'span'）.removeClass（）.fadeIn（1000）.addClass（dataColor）.animate（{width:dataWidth}）进度条正在工作。在我的例子中，当你用进度条在div上滚动时，你想激活进度条


检查我的编辑-答案在那里。（或者提供完整的源代码——html，现在很难弄清楚在哪里）。