본문 바로가기
프로젝트

무한스크롤 만들기

by 리양 2021. 8. 26.

html

<부모 div>
	<무한스크롤에 보여질 div>
    </무한스크롤에 보여질 div>
</부모 div>

js

//Javascript
var 자식div = document.getElementsByClassName('자식div')

window.onscroll = function(e) {
    //추가되는 임시 콘텐츠
    //window height + window scrollY 값이 document height보다 클 경우,
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
    	//무한스크롤시 보여질 영역 복사,붙여넣기
        var 무한스크롤때 보여질 div = 자식div[0].cloneNode(true);;
        $('.부모div').append(자식div);
    }
};

'프로젝트' 카테고리의 다른 글

여부에 따른 show() hide()  (0) 2021.09.02
플로팅배너 만들기(최근본상품)  (0) 2021.08.26
버튼 클릭시 해당 텍스트 보이게하기  (0) 2021.08.13
지출 비용 계산  (0) 2021.08.06
검색기능 구현하기  (0) 2021.08.04