javascript - 我想在使用 jQuery 滚动到 View 时触发一次事件

Question

我正在编写这段小代码:

$(window).scroll(function(){
  var scrollTop = $(window).scrollTop(),
      windowHeight = $(window).height(),
      elem = $('#coverage-area-load-trigger').offset().top,
      final = elem - windowHeight,
      distance = final - scrollTop;
  if(distance < 0){
    console.log('Load Now');
  }
});

我应该如何编写才能使“立即加载”仅记录一次？

我将用这个替换“立即加载”控制台日志:

$('#coverage-area').attr('src', 'https://www.google.com/maps/...');

在进入 View 时触发“覆盖区域”iframe 加载。

感谢您的帮助!

Answer 1

只需添加一个变量来检查事件是否像这样被触发:

var coverageAreaTriggered = false;
$(window).scroll(function () {
  if (!coverageAreaTriggered ){
    var scrollTop = $(window).scrollTop(),
      windowHeight = $(window).height(),
      elem = $('#coverage-area-load-trigger').offset().top,
      final = elem - windowHeight,
      distance = final - scrollTop;
    if (distance < 0) {
      console.log('Load Now');
      coverageAreaTriggered = true;
    }
  }
});