セクションにスクロールして、プログレスバーのjqueryにCSSクラスを追加します。

Question

jqueryに新しくなり、wayyyyのためにこれをあまりにも長い間把握しようとしています。

コードを追加することなく、ユーザーがページのセクションにスクロールしたときに、進行状況バーにどのようにCSSクラスを追加しますか？ユーザーがスクロールダウンしたときにキャプチャしようとしていましたが、これは正しい方法ではないでしょうか...

これは私の最後の試みでしたが、私は必死に関数を保存しようとしました別のセクションで再度呼び出すことができます。事はまた、設定時間機能が動作し、私はそれだけではない、スクロールすることにより、特定の設定時間後......埋めるしかしになりましたあなたのコードで起こっている多くのものがあります

var section = $(window).scroll(function() { 
    var $progressBar = $('.progress-bar'); 
    var scrolled_val = $(document).scrollTop().valueOf(); 
    console.log(scrolled_val+ ' = scroll value'); 
    }); 


    if (scrolled_val == 1469) { 
    setTimeout(function(section) { 
      $('.progress-bar').css('width', '30%'); 
    }, 500); 
    } 

Answer 1

そのI理解していない。ここではそれを行うための最も簡単な方法です：

$(document).scroll(function(){ 
    if ($(document).scrollTop() == 1469) 
     $(".progress-bar").addClass("my-new-class"); 
}); 

あなたはおそらくも許容因子に追加する（それは、ユーザーが特定のscrollTopに正確にスクロールして見えなくなってしまうことはまれです）、あなたはおそらく、後でクラスを削除したいです（progressBar.removeClass("my-new-class")）。これらのいずれかについてさらに助けが必要な場合は、私はいくつかのコードを提供してくれるでしょう。