代码之家  ›  专栏  ›  技术社区  ›  JoSch

jQuery DrawSVG:当在滚动上绘制完成时调用函数?

  •  0
  • JoSch  · 技术社区  · 6 年前

    我在用 jQuery DrawSVG 由莱昂纳多·桑托斯画了一个简单的 SVG path 在页面上,当页面被滚动时。

    我希望能够调用一个函数,一旦路径是完全绘制。

    var $doc = $(document),
      $win = $(window),
      $svg = $("#Layer_1").drawsvg({
        stagger: 0
      }),
      max = $doc.height() - $win.height();
    
    $win.on("scroll", function() {
      var p = $win.scrollTop() / max;
      $svg.drawsvg("progress", p);
    });
    

    DrawSVG提供了一个内置选项,可以在路径的动画绘制完成后触发回调:

    var $svg = $("svg").drawsvg({
      callback: function() {
        // do something
      }
    });
    

    1 回复  |  直到 6 年前
        1
  •  1
  •   Paul LeBeau    6 年前

    这个怎么样?

    $win.on("scroll", function() {
      var p = $win.scrollTop() / max;
      $svg.drawsvg("progress", p);
      if (p >= 1)
        myCallbackFunction();
    });