python web py入门（64）- jQuery - 判断窗口滚动条是否滚动？

最新推荐文章于 2023-06-30 10:03:19 发布

caimouse

最新推荐文章于 2023-06-30 10:03:19 发布

阅读量713

点赞数

分类专栏： webpy 文章标签： js webpy

本文链接：https://blog.csdn.net/caimouse/article/details/80154958

版权

webpy 专栏收录该内容

71 篇文章 33 订阅

订阅专栏

前面学习了判断窗口大小改变的判断，现在来判断窗口的滚动条是否作出滚动的判断，这时需要使用jQuery的scroll()方法来实现，它的定义如下：

当用户滚动指定的元素时，会发生 scroll 事件。
scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。
scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

使用下面的代码来测试这个方法的使用：

<html>
  <head>
    <meta charset="utf-8">
    <script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
  </head>
  <script>
    var x = 0;
    $(document).ready(function(){
      $("div").scroll(function(){
          $("span").text("响应鼠标的滚动事件:" + x++);
      });
    });
  </script>
  <body>
    <div style="border:2px solid black;width:200px;height:200px;overflow:scroll;">
      在前面学习了文本框里内容改变的事件，现在来学习当浏览器窗口发生改变时的事件。<br>
      当你在页面上进行布局时，常常会遇到浏览器的窗口大小会改变，<br>
      那么怎么样监听到这个事件呢？其实可以通过$(window).resize()来实现。<br>
      定义和用法<br>
      当调整浏览器窗口大小时，发生 resize 事件。<br>
    </div>
    <span></span>
  </body>
</html>

运行结果如下：