Question

嘿嘿Jquery的新手，并且一直试图想出这个问题太长时间了。

如果没有添加大量代码，当用户滚动到页面的某个部分时，如何将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

您的代码中发生了很多我不明白的事情。这是最直接的方式：

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

您可能还想添加一个容差因子（用户很少会精确滚动到某个scrollTop）并且您可能还想稍后删除该类（{{1} }）。如果您需要更多帮助，我很乐意提供一些代码。

滚动到部分将css类添加到进度条jquery

1 个答案: