제이쿼리 스크롤이벤트 질문입니다.


<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE HTML>
<html lang="ko">
<!-- ie조건부주석 Conditional Comment //-->
<!--[if lt IE 7]>      <html class="ie6"> <![endif]-->
<!--[if IE 7]>         <html class="ie7"> <![endif]-->
<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!-->          <!--<![endif]-->
<head>
<title></title>

<c:import url="/src/user/jsp/meta.jsp" charEncoding="UTF-8" />

<link rel="stylesheet" href="/src/user/css/import.css" type="text/css" />
<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
<script  src="/src/user/js/default.js"></script>

</head>

<body >

<script type="text/javascript">
    $(document).ready(function(){



        console.log("$(document).height()  : " , $(document).height());
        console.log("$(body).height() : " , $("body").height())
    });


    //이부분입니다.
    $(window).scroll(function(){
        console.log("ss")
    });

</script>

<div id="wrap_wide" >


</div><!-- END wrap//-->
</body>
</html>

무한스크롤 페이징을 구현하려고 하는데요

$("body") 셀렉터를 하였을때는 스크롤 이벤트가 적용이 되는데

window 객체는

스크롤 이벤트가 발생하지 않습니다.

이유를 도대체 모르겠습니다. 도와주세요

(콘솔창에는 어떠한 오류메세지도 없습니다.)

아울러 body 셀렉터로 하였을때는 scrollTop이 0반 반환합니다.

  • 2016년 08월 22일에 작성됨

조회수 212


1 답변


body가 없어서 스크롤이 발새하지 않기 때문이 아닐까요? 올려주신 코드로 그대로 해 보니 스크롤이 발생하지 않지만, 이 페이지에서 크롬 개발자도구 콘솔을 열어서

$(window).scroll(function(){
        console.log("ss")
    });

라고 실행을 해 보면 로그가 잘 찍히네요.

  • 2016년 08월 23일에 작성됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close