모바일 Safari에서 sticky 내비게이션을 구현할 때나 position: fixed
를 선언하여 레이어를 만들 때, 해당 레이어가 부분적으로 렌더링이 되지 않아 뚫려보이는 오류가 발생한다. 오류를 해결하기 위해서는 아래 css를 추가하고, 탭 이벤트시 이벤트 방지를 선언해 주어야 한다.
#stickyNav {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
background-color: #fff;
}
if (el == "#stickyNav") {
el.find("h3").on('click', function(e) {
e.preventDefault();
});
}
Chololatey는 NPM, PIP과 같은 windows 환경에서의 매키징 매니저이다. 자세한 설명이나 매키지 목록은 chololatey 페이지에서 확인할 수 있다. cmd 환경에서 Chololatey 인스톨하기 설치환경: 윈도우즈 7이상, .NET Framework 4이상 아래 코드를 복사하여 cmd에서 실행하면 설치된다. ~shell @"...
서블릿(servlet)은 tomcat과 같은 컨테이너에서 실행되면서 클라이언트의 요청에 따라 동적 서비스를 제공하는 자바 클래스이다. 서버에서 실행되다가 웹 브라우저의 요청을 받아 해당 기능을 수행한 후 웹 브라우저에 결과를 전달한다. 서블릿은 특징은 다음과 같다. * 서버쪽에서 실행되면서 기능을 수행한다. * 스레드 방식으로 실행된다. * 자바의 객체지...
모바일 Safari에서 sticky 내비게이션을 구현할 때나 position: fixed를 선언하여 레이어를 만들 때, 해당 레이어가 부분적으로 렌더링이 되지 않아 뚫려보이는 오류가 발생한다. 오류를 해결하기 위해서는아래 css를 추가하고, 탭 이벤트시 이벤트 방지를 선언해 주어야 한다. css ~css stickyNav { -webkit-tr...
아래로 스크롤시 컨텐츠 목록에 생성되는 간단 무한스크롤 예시이다. 스크롤시 스크롤을 한번을 내려도 두번 발생하기 때문에 스크롤 체크 변수 didScroll를 먼저 선언해 주어야 한다. css ~css productBeforeList { height: 600px; border: 1px solid blue; } productScroll { h...
window 네이티브 이벤트에는 scroll stop 이벤트가 없다. 아래와 같은 코드를 추가하면 scrollStopped 확장이벤트를 사용할 수 있다. ~js $.fn.scrollStopped = function(callback) { var this = this, $this = $(this); $this.scroll(function(event) { ...