본문 바로가기
jQuery 스크롤 최하단 이벤트 발생 scrollTop & innerHeight & scrollHeight 개인정보 수집 동의를 체크해야만 다음 이벤트로 넘어가는 소스를 작성하는데 거기서 스크롤을 끝까지 내려야만 체크를 할 수 있는 로직을 jQuery로 작성해 보려고 한다. scrollTop innerHeight scrollHeight 이 세 개의 개념만 알고 있으면 쉽게 코딩할 수 있다. scrollTop 영역 안에서의 현재 스크롤의 위치를 알려준다. innerHeight 현재 영역의 내부 크기를 알려준다. scrollHeight 현재 영역의 스크롤의 범위까지 포함하여 크기를 알려준다. 해서 저 상태에서 세 개의 크기를 출력해 본다. 스크롤 위치는 33, div의 크기는 200, 스크롤 포함한 전체 크기는 317 임을 알 수 있다. 여기서 스크롤을 맨 아래로 내리고 출력을 해보면 스크롤 위치는 117, di.. 2023. 10. 18.
Javascript, Jquery로 페이지 reload 새로고침 방법. Jquery로 페이지 새로고침 location.reload(); Javascript로 페이지 새로고침 window.location.reload(); history.go(); history.go() 는 파라미터의 숫자를 넣어서 페이지 앞으로 가기 뒤로가기가 가능하다. 아무것도 넣지 않으면 0으로 보고 새로고침이 되고 history.go(1)은 하나 앞으로가기 history.go(-1)은 하나 뒤로가기가 된다. window.location.href=window.location.href; window.location.href는 현재 페이지 url을 가져오는데 = 으로 값을 넣어주면 그 url로 이동하게 된다. 그대로 window.location.href를 넣어줬기 때문에 새로고침 효과를 주게 된다. 2023. 4. 19.