ユーザーが自分のスキルを表示し、ユーザーがそのスライド (impress.js) をロードするとバーが成長するページがあります。そのために、jquery-visibleプラグインを使用しています。したがって、この機能は、2 つの離れたスライドを切り替えるときにうまく機能しますが、それらが互いに近くにある場合、スキル ページの一部が「表示」され、バーがフル サイズで早く読み込まれます。バーに使用したコードは次のとおりです。
var win = jQuery(window);
var allMods = jQuery(".skill"); //.skill is container
allMods.each(function(i, el) {
if (jQuery(el).visible(true)) {
jQuery("span.bar.line1").animate({ width: 80 }, 3000, function() { });
}
});
私はこれをほとんど機能させません:)しかし、div全体が表示されている場合にのみTRUEにするのを手伝ってもらえますか?