javascript - jQuery DrawSVG:滚动绘制完成后调用函数吗？

我正在使用Leonardo Santos的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
  }
});

我可以在滚动上做相同/相似的事情吗？

最佳答案

这个怎么样？

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

关于javascript - jQuery DrawSVG:滚动绘制完成后调用函数吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52114369/