Javascript & jQuery로 style 속성 css 입력, 수정하기 우선 테스트할 html을 작성한다. Javascript 여기서 testId div의 css 속성을 수정하고 추가해본다. document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';추가 수정은 같은 방법으로 하면 된다.jQuery제이쿼리는 좀 더 짧은 명령어로 할 수 있다.$('#testId').css('backgr.. 2024. 7. 27. jQuery 스크롤 최하단 이벤트 발생 scrollTop & innerHeight & scrollHeight 개인정보 수집 동의를 체크해야만 다음 이벤트로 넘어가는 소스를 작성하는데 거기서 스크롤을 끝까지 내려야만 체크를 할 수 있는 로직을 jQuery로 작성해 보려고 한다. scrollTop innerHeight scrollHeight 이 세 개의 개념만 알고 있으면 쉽게 코딩할 수 있다. scrollTop 영역 안에서의 현재 스크롤의 위치를 알려준다. innerHeight 현재 영역의 내부 크기를 알려준다. scrollHeight 현재 영역의 스크롤의 범위까지 포함하여 크기를 알려준다. 해서 저 상태에서 세 개의 크기를 출력해 본다. 스크롤 위치는 33, div의 크기는 200, 스크롤 포함한 전체 크기는 317 임을 알 수 있다. 여기서 스크롤을 맨 아래로 내리고 출력을 해보면 스크롤 위치는 117, di.. 2023. 10. 18. 이전 1 다음
