반응형 스크롤2 스크롤 상태 표시바 만들기 본문의 상단에 진행상태를 표시해주는 상태표시바를 만드는 소스입니다. Scroll Indicator 본문내용.... body { margin: 0; font-size: 28px; } .header { position: fixed; top: 0; z-index: 1; width: 100%; background-color: #f1f1f1; } .header h2 { text-align: center; } .progress-container { width: 100%; height: 8px; background: #ccc; } .progress-bar { height: 8px; background: #4caf50; width: 0%; transition:all .3s ease; } .content { paddin.. 2019. 9. 26. 스크롤 하단 체크하기 스크롤 이벤트 중 영역의 마지막 체크하기 Lorem ipsum dolor.... 끝까지 읽어주세요 동의합니다 #notice { display: inline-block; margin-bottom: 12px; border-radius: 5px; width: 600px; padding: 5px; border: 2px #7FDF55 solid; } #rules { width: 600px; height: 130px; padding: 5px; border: #2A9F00 solid 2px; border-radius: 5px; } .noti { margin: 0; color: red; } function read() { var box = $('#rules'); var chkBox = $('#agree'); var n.. 2019. 9. 26. 이전 1 다음 반응형
