如何仅在第一次使用javascript滚动页面时发出警报? [英] How to alert when scroll page only first time using javascript?

问题描述

如何仅在第一次使用javascript滚动页面时发出警报?

How to alert when scroll page only first time using javascript ?

我只想提醒第一个滚动页面，我该怎么做?

I want to alert only first scroll page, How can i do that ?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
  $(window).scroll(function() {
    var xxx;
    if (xxx === '') {
      var xxx = "test";
      var div = $("#myDiv");
      alert(div.height());
    }
  });
</script>
<DIV id="myDiv" style="height:auto; width:78;overflow:hidden"> Simple Test</DIV>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

推荐答案

使用 .one()

将处理程序附加到元素的事件.处理程序被执行 每个事件类型的每个元素最多一次.

Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

$(window).one("scroll", function() {
    console.log("foo");
});

代码段:

$(window).one("scroll", function() {
  console.log("foo");
});

div {
  height: 1000px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>foo</div>

这篇关于如何仅在第一次使用javascript滚动页面时发出警报?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！