[front] 스크롤 바닥까지 내렸을 때 다음 페이지 가져오기 (부제:웨일 브라우저 이슈)

whale 브라우저 이슈 - scrollTop() 값 관련

스크롤을 바닥까지 내렸을 때, 다음 페이지를 가져오게 하려고 했다.

$(window).scroll(function(){
	if($("#nowPageIndex").val()) < $("#lastPageIndex").val() ) {		
		var scrT = $(window).scrollTop();				// 이렇게 하면 웨일 브라우저에서는 작동 x
		//var scrT = Math.ceil($(window).scrollTop());	// 웨일브라우저 고려
		if(scrT == $(document).height() - $(window).height()){
			// 다음페이지 리스트 가져오는 함수
			... 생략
			// 다음페이지 리스트 가져오는 함수
		} 
	}
})

 

근데 크롬, 엣지에서는 스크롤을 가장 아래까지 내렸을 때 함수호출이 잘 되는데, 

if(scrT == $(document).height() - $(window).height()){

부분이 잘 통과가 되는데

웨일에서는 스크롤을 바닥까지 내려도  scrollTop() 의 값이 바닥 위치값이랑 맞지않아서 함수 작동이 안되는 것..

확인해보니 웨일에서는 scrollTop() 위치가 계속 조금씩 핀트가 안맞았다. 소수점 단위가!

 

그래서 그냥 Math.ceil() 함수로 후려치기 해줌 ㅋㅎ 그랬더니 잘 됐다고한다.. 야매같긴 하지만 다른 처리방법이 아무리 생각해도 없었다. 왜 유독 웨일 브라우저에서만 저 위치가 제대로 안나오는지 모르겠다.