레이어 팝업 뒤에 스크롤 막는 방법 1234//소스를 상황에 맞게 추가해주면, 레이어팝업이 뜬 화면과 스크롤이 함께 움직이지 않습니다. $(window).bind('touchmove', handler); // 레이어팝업 열린 상태$(window).unbind('touchmove', handler); // 레이어팝업 닫힌 상태cs var handler = function(e) { e.preventDefault();} WEB/jQuery 2017. 5. 9. 14:52
헬스 집에서 20분거리에 있는 헬스장 3개월 등록을 해버렸다. 굉장히멀다.................................... 운동을 제대로 할런지.. 등록하니깐 걱정이 앞서네 일상 2017. 3. 31. 17:36
inline 또는 Inline-block 사용 시 문제(경험) inline-block을 사용해 태그들을 넣다보면 양끝이 맞지 않거나 화면이 깨져버린다. 이때 inline-block 속성을 준 부모에게 font-size:0 을 준후 inline-block 속성을 준 태그들에게 원래폰트사이즈를 준다. ex)ul { font-size: 0; } li { display: inline; // 또는 inline-block; border: 1px solid #bcbcbc; padding: 10px; font-size: 16px; } WEB/CSS 2017. 3. 31. 10:24
다른영역 클릭시 팝업 닫기 //공유하기 클릭 $(".share").click(function(){ $(".share-pop").stop().fadeToggle(500); return false; //중요 }); //공유하기 팝업 외에 영역 클릭 $(document).click(function(e){ //문서 body를 클릭했을때 if(e.target.className =="share-pop"){return false} //내가 클릭한 요소(target)를 기준으로 상위요소에 .share-pop이 없으면 (갯수가 0이라면) $(".share-pop").stop().fadeOut(500); }); WEB/jQuery 2017. 3. 30. 12:03
유지보수 , 확장성을 고려한 CSS className을 지을때는 camelCase, under_score 보다는 hypen(-)을 사용하자모듈화를 생각하자id 보다는 className을 활용하자태그선택자의 사용을 지양하자짧고 단순한 네이밍을 지양하자탐색레벨을 낮고 단순하게 유지하자환경에 대한 변경자로 root node를 활용하자상태값 제어CSS 속성은 한줄에 하나만 선언한다 출처 https://windtale.net/blog/maintainable-expandable-front-end-web-strategy/ WEB/CSS 2017. 3. 29. 10:27
