jQuery响应滚动条事件功能代码示例

2018-10-0708:16:00WEB前端开发Comments2,213 views字数 743阅读模式

jQuery响应滚动条事件功能,可实现针对jQuery滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,对jQuery感兴趣的朋友可以参考下本篇文章。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

2文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

3文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

4文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

5文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

6文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

7文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

8文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

9文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

10文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

11文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

12文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

13文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

14文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

15文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

16文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

17文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

18文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

19文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

20文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

21文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

22文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

23文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

24文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

25文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

26文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

27文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

28文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

29文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

30文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

31文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

32文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<!DOCTYPE html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<head>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<title>无标题文档</title>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<script type="text/javascript">文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

$(function() {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  var lazyheight = 0;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  //获取数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  function showload() {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

    lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

    if ($(document).height() - 100 <= lazyheight) {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

      alert("xxx");文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

    }文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  }文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  //showload();文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  //绑定事件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  $(window).bind("scroll",文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  function() {文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

    //当滚动条滚动时文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

    showload();文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

  });文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

</script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

</head>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<body>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<img src="1.jpg"/><br/>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<img src="2.jpg"/><br/>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

<img src="3.jpg"/>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

</body>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

</html>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/6447.html
  • 本站内容整理自互联网，仅提供信息存储空间服务，以方便学习之用。如对文章、图片、字体等版权有疑问，请在下方留言，管理员看到后，将第一时间进行处理。
  • 转载请务必保留本文链接：https://www.cainiaoxueyuan.com/gcs/6447.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定