javascript - 永久更改滚动代码

Question

我试图让一段代码在滚动到时只执行一次:

$('#main_nav').addClass('past-scrollpoint');
$('#content-block').addClass('past-scrollpoint-content');
$('#header').addClass('hidden');

但是，一旦点数小于 740，代码就似乎处于非事件状态。

这是我最好的尝试:

$(window).on('scroll', function()
{
  var initial = 0;
  stop = Math.round($(window).scrollTop());
  if (initial < 1)
  {
    if (stop > 740)
    {
      initial = initial + 1;
      $('#main_nav').addClass('past-scrollpoint');
      $('#content-block').addClass('past-scrollpoint-content');
      $('#header').addClass('hidden');
    }
  }
);

Answer 1

不确定，但我认为您每次都在覆盖初始变量。使用全局变量。

var initial = 0;
$(window).on('scroll', function()
{
  stop = Math.round($(window).scrollTop());
  if (initial < 1)
  {
    if (stop > 740)
    {
      initial = initial + 1;
      $('#main_nav').addClass('past-scrollpoint');
      $('#content-block').addClass('past-scrollpoint-content');
      $('#header').addClass('hidden');
    }
  }
);