웹 관련 기록/Javascript10 제이쿼리를 이용한 브라우저 스크롤 끝 도달시 체크 123456$(window).scroll(function() { buffer = 0 // 스크롤 끝과의 거리 if ( $("body").prop('scrollHeight') - $("body").scrollTop() 2014. 2. 18. 제이쿼리 1.8.0 부드러운 스크롤링 1234567891011$('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body').animate({scrollTop: targetOffset}, 700); return fa.. 2014. 2. 17. @media, 미디어 쿼리 속성 중 orientation @media screen and (orientation:portrait) { /* Portrait styles 세로 */ } @media screen and (orientation:landscape) { /* Landscape styles 가로 */ } 만약 다양한 디바이스를 지원해야하는 상황이라면 디바이스에 따라서 가로 세로가 실제 예상하는 값과 반대일 수 있으므로, 디바이스 제원 혹은 제조사에 확인이 필요함. 2014. 2. 7. JavaScript 선언 시 language와 type 중 어떤 것을 사용하면 될까? 1. 선언 시 language 쓰는 경우 * 이 방법은 옛날 방법. 웹 표준에서 권장하지 않음. 2. 선언 시 type 쓰는 경우 * html 4.01 이후 웹 표준(xhtml 포함)에서 type 속성이 명확히 정의되었고 속성값으로는 스크립트 언어의 MINE 타입을 씀, * language 속성은 더는 권장하지 않는다고 발표 됨. * 자바스크립트 선언 시 주석 안에 구문을 넣었던 이유는, 자바스크립트를 지원하지 않는 브라우저에서 실행되지 않도록 하기 위함이었는데 이제는 자바스크립트 해석 못 하는 브라우저는 없다고 보기 때문에 주석을 안 써도 된다고 판단 됨. 3. 개인적인 결국, 결론은 type 속성 사용과 주석 구문 삭제 (주석 구문은 편한 대로 이용해도 됨) +원래 네이버 블로그(planitis.bl.. 2012. 2. 8. 이전 1 2 다음 320x100