javascript - jQuery 做某事直到元素到达顶部

Question

我使用以下脚本模糊了滚动时的 div。将其包装成告诉它的内容的最佳方法是什么:仅执行此操作，直到 #element 到达 View 顶部，然后停止它。类似 max-val 的东西。

$(window).on('scroll', function () {
    var blurrad = $(document).scrollTop()
    blurrad = blurrad / 100;
    $(".videodummy").css({"-webkit-filter": "blur("+blurrad+"px)","filter": "blur("+blurrad+"px)" })     
});

更新:首先，感谢您的帮助。我尝试这样做:

var topdist = $('#indicator').offset().top 

while ( topdist > 0 ) {   
$(window).on('scroll', function () {
  var blurrad = $(document).scrollTop()
  blurrad = blurrad / 100;
  $(".videodummy").css({"-webkit-filter": "blur("+blurrad+"px)","filter": "blur("+blurrad+"px)" })     
 });

 });

因此，如果带有 #indicator 的 div 到达顶部，它应该会停止模糊，但这根本不起作用。

Answer 1

根据您的尝试:

var topDist = $('#indicator').offset().top;

  $(window).on('scroll', function () {

    topDist = $('#indicator').offset().top;

    if (topDist > 0) {

      var blurrad = $(document).scrollTop();

      blurrad = blurrad / 100;

      $(".videodummy").css({"-webkit-filter": "blur("+blurrad+"px)",
                            "filter": "blur("+blurrad+"px)" });

    }  
  });

我建议暂时不要这样做，因为确实不需要。而是使用 if 语句进行检查。