• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

스크롤 이벤트의 무한 스크롤 제어하는 부분에서 질문 있습니다.

19.12.17 17:45 작성 조회수 101

1

main.js의 scrollFunc에서 무한 스크롤을 if(scrollHeight >= documentHeight)로 만들어 낼 때 페이지 넘버링으로 제어를 해주는 것을 이해했습니다. 그런데
document.querySelector('#page').value = parseInt(page) + 1; 를 page = parseInt(page) + 1;로 하면 왜 value값이 추가되지 않는 걸까요? document.querySelector('#page').value를 이미 page라는 변수에 받았음에도 불구하고요.

답변 1

답변을 작성해보세요.

0

안녕하세요 태은님  kindtiger입니다 :)

page라는 변수로 사용했을경우엔 증가를 받긴하지만 업데이트가 되지않아 계속 1이 찍히게 되고 page > 5 라는 조건에 도달할 수 없기때문에 스크롤링이 계속되는 문제가 발생을합니다 ^^ 

그래서 저는 변수를 지정하지 않고 DOM 대상이 업데이트가 되도록 설정을 해놨습니다 ~ 
#page 를 변수에 담아 사용하고싶다면

이런식으로 DOM을 따로 담아서 사용하시면 될것같습니다 ^^ 

감사합니다 :)