이 글에서는 jQuery의 스크롤 바 상태에 대한 실시간 계산 및 응답 기능을 구현하는 jQuery의 기능을 주로 소개합니다. jQuery에 관심이 있는 친구들은 이 글을 참고하세요. 관련 학습 권장사항: jQuery 온라인 비디오 튜토리얼
이 문서의 예에서는 스크롤 막대 이벤트에 응답하는 jQuery의 기능을 설명합니다. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function() {
var lazyheight = 0;
//获取数据
function showload() {
lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if ($(document).height() - 100 <= lazyheight) {
alert("xxx");
}
}
//showload();
//绑定事件
$(window).bind("scroll",
function() {
//当滚动条滚动时
showload();
});
})
</script>
</head>
<body>
<img src="1.jpg"/><br/>
<img src="2.jpg"/><br/>
<img src="3.jpg"/>
</body>
</html>관련 권장 사항:
모두 선택 기능을 달성하기 위해 jquery와 js의 차이점 공유
위 내용은 스크롤 막대 이벤트 함수 예제에 대한 jQuery 응답의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
