안녕하세요. 무한 스크롤 페이지네이션을 아래와 같은 코드로 구현을 하였고 PC 환경에서는 잘 작동됩니다.

$(window).scroll(function(){
  let scrollTop = $(window).scrollTop(); // 현재 브라우저 스크롤의 위치값
  let docHeight = $(document).height(); // 현재 보고 있는 문서의 높이값
  let winHeight = $(window).height(); //  브라우저의 높이값
 
  if( (scrollTop + winHeight == docHeight) )
  {
              비동기로 다음 컨텐츠를 불러오는 내용()
  }
                 
});

그러나 모바일웹에서는 상단 url바 때문에 스크롤 되면 상단 url바가 사라져서 높이 계산이 제대로 되지 않아서 페이지네이션이 동작하지 않습니다.

 구글링에서는 css요소 수정으로 컨텐츠 내용을 수정하는 것으로 해결을 많이 제시하는데, 저의 경우에는 vh가 아니라 %라서 해당 내용이 맞지가 않더라고요.

좋은 방법이 있을까요?