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

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

QA

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

본문

<!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <title>스크롤</title>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <style>

        body {margin: 0;padding: 0}

        #box1 {width: 100%;height: 1000px;background: red}

        #box2 {width: 100%;height: 2000px;background: blue}

        #box3 {width: 100%;height: 100px;background: green}

    </style>

    <script></script>

</head>

<body>

    <div id="box1"></div>

    <div id="box2"></div>

    <div id="box3"></div>

</body>

</html>

 

마크업은 위코드입니다.

원하는 이벤트는 스크롤위치가 0일때(맨위) 마우스스크롤을 한칸 내리면 #box2로 스르륵 이동되게 하고싶습니다. (스크롤이 맨위가 아닌 다른곳에선 자유롭게 스크롤)

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 138
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT