jquery scroll()到特定位置只執行函式一次

javascript jquery scroll

Rafiki 2017-11-15 18:59:53 ‧ 12910 瀏覽

分享至

程式碼為以下

$(window).scroll(function() {
  if($("#illus").offset().top - 300 < $(window).scrollTop()) {
    illustration();
  }
});
function illustration() {
$(".number").each(function(index, elm) {
  var from = 0,
      to = $(this).attr("data-to"),
      id = setInterval(frame, 10);
  function frame() {
    if(from > to) {
      clearInterval(id);
    } else {
      $(elm).html(from);
      from++;
    }
  }
});
}

到達特定位置後再滾動就會再達成if條件
造成重複執行illustration()
想請問該怎麼設定才能讓它只執行一次illustration()就好
謝謝

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2017-11-15 19:07:18 檢舉

加個全域變數當checker，做過了把他記錄下來？

Rafiki iT邦新手 5 級 ‧ 2017-11-15 20:58:08 檢舉

有試過
```
$(window).scroll(function() {
var i = 0;
if($("#illus").offset().top - 300 < $(window).scrollTop() && i == 0) {
illustration();
i++;
}
});
```
這樣也是無法