Question

以下简单示例我没有收到警报，有人可以帮助我吗？

$(document).ready(function() {
  $(window).scroll(function() {
    alert("Hi!");
  });
});

<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
</body>

</html>

每当我在页面上滚动时，我都希望“HI”能够提醒。

Answer 1

您的代码有效，您只需要在body中有一些比窗口更高的内容，以便页面实际滚动：

div { height: 2000px; }

<html>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $(window).scroll(function() {
        alert("Hi!");
      });
    });
  </script>

</head>

<body>
  <div>Some content...</div>
</body>

</html>

Answer 2

首先为身体增加身高

body{ height:1200px; }

然后试试这个

$(window).on('scroll',function(){ alert('Hi'); });

Answer 3

我认为您需要在页面上显示内容才能使其正常运行。现在它没有看到＆＃39;你的窗口

Answer 4

这是非常正常的，因为没有调用滚动事件。你的身体应该足够高，以允许滚动事件。在您的代码中，您还没有任何内容。尝试使用较大的height添加一些内容。

<html>

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $(window).scroll(function() {
        alert("Hi!");
      });
    });
  </script>

</head>

<body>
  <div>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br>Scroll now<br></div>
</body>

</html>

在简单示例中未检测到滚动事件

4 个答案: