본문 바로가기

전체 글111

헤더,푸터 includes 시 스크립트 동작 오류 헤더,푸터 등 어느 페이지에서나 동일하게 사용되는 코드가 있을 땐 HTML 삽입 미리보기할 수 없는 소스 로 파일들을 인클루드 해서 오는데 불러 온 파일들에 연결된 스크립트가 작동이 되지 않는 경우가 있다. 그럴 땐, HTML 삽입 미리보기할 수 없는 소스 으로 작성하면 된다. 자세한 내용은 제이쿼리 load() 메서드를 알아보면 된다. 2023. 1. 30.
화면 축소 시 가로스크롤 없이 축소되게 하는법 1. 최상위 태그 (body)에 width:100% / min-width 속성에 최소 유지할 사이즈 지정 2. 각 섹션에 width:100% 주기 3. 각 섹션 속에 있는 요소들을 묶어 주는 태그 만들기(wrap 같은거) 4. wrap 태그에 max-width 로 가로 픽셀값 입력 (중앙정렬 위해 margin:0 auto 추가 ) body{ width:100%; min-width:1020px; margin:0 auto; } 2022. 6. 16.
nth-child,nth-of-type 과 display:none 구조의사클래스( nth-child,nth-of-type )는 1. display:none; 을 인식하지 못한다. 2. 태그만 인식한다. (class,id 따로 설정해도 인식하지 못한다.) 2022. 5. 19.
마우스 스크롤 좌우 이동 // [2022.05.11] 마우스 휠 좌,우 이동 $("#mouse_move").on('mousewheel',function(e){ event.stopPropagation() event.stopImmediatePropagation() var wheelDelta = e.originalEvent.wheelDelta; if(wheelDelta > 0){ $(this).scrollLeft(-wheelDelta + $(this).scrollLeft()); }else{ $(this).scrollLeft(-wheelDelta + $(this).scrollLeft()); } // 외부 스크롤 이벤트 막기 return false; }); 2022. 5. 11.