Programming (12) 썸네일형 리스트형 [Javascript] 모바일,PC 접속 여부를 알 수 있는 방법 모바일과 PC 접속 여부를 체크하여 스크립트를 실행해야 하는 경우가 있다. 아래와 같이 적용하면 된다. function deviceCheck(){ var filter = "win16|win32|win64|mac"; if(navigator.platform){ if(0>filter.indexOf(navigator.platform.toLowerCase())){ //모바일일 경우 alert('모바일!'); }else{ //PC인경우 alert('PC!'); } } } [CSS] 스타일 우선순위와 강제 적용 방법 스타일 충돌로 원하는 스타일을 적용하지 않아 애를 먹고 있었는데.. 우선순위를 다시 살펴본 후 적용하니 깔끔하게 해결 되었다. 일단, CSS는 document가 사용자에게 어떻게 보여질까를 기술하는 언어이다. 특성상 어떤 태그에 속성이 중복되어 설정될 수 있다. 우선순위는 아래와 같다. !important HTML에 직접 style을 주는 경우 id 로 지정한 경우 (ex. #id) 클래스나 추상클래스로 지정한 경우 (ex. .class , :class) tag 이름으로 지정한 경우 상위 객체에 의해 상속된 경우 나의 경우에는 HTML에 직접 style이 들어가있어서 js로도 지정이 되지 않았다. 이 때 강제로 적용한 방법이 1번 !important 이다. 아래와 같이 속성값을 적용하여 그 뒤에 !imp.. [CSS / Jquery ] TypeWrite Effect 참고 : https://css-tricks.com/snippets/css/typewriter-effect/ [Jquery/Javascript] 스크롤 시, 특정 부분에서 이벤트 발생 스크롤 시, 특정 부분의 다다르면 딱 한번만 이벤트를 발생하고 싶을 때가 있다. 아래와 같이 적용하면 된다. * javascript var isVisible = false; $(window).on('scroll',function(e){ if(checkVisible($('.section1'))&&!isVisible){ $('html,body').stop().animate({ scrollTop:section1Top_Height },800); directTextAniFunction(); $('#intro').css('display','none') introAniFunction(this); isVisible=true; } }); function checkVisible(elm,eval){ eval=eval||"o.. 이전 1 2 다음