목록퍼블리싱 (2)
킥복싱의 각종 자료실
아이폰에서 a, button 제외 태그에서 클릭 동작하지 않는 경우,
모바일이 대세가 되고 있는 시점에서, 퍼블리싱하는 입장에서 몇가지 생각대로 동작되지 않는 경우가 있다. 이 중, 실제로 좀 어이가 없었던 게 하나 있었는데, 그것은 아이폰에서 터치가 먹지 않는 경우였다. 예제를 들어보면, a와 button이외의 태그에 클릭이벤트를 주는 경우가 있다. //-------------------------------------------------------------- 클릭 $(function(){ $(".sp").on("click", function(){ alert("클릭!!"); }); }); //-------------------------------------------------------------- 이 경우에, 아이폰에서 클릭 이벤트가 동작하지 않는다. 이럴때 해..
퍼블리싱
2019. 6. 4. 09:49
스크립트 없이 스크롤 하기 (모바일만)
오늘은 스크립트 없이 스크롤 하는 방법에 대해 알아보려고 한다. 위와 같이 스크립트를 사용하지 않고, 컨텐츠를 제어할 수 있는 css 이다. 모바일만 동작한다고 한 이유는 간단하게 PC에서는 안되기 때문이다. 먼저 마크업을 보자 그냥 뭐 일반적인 리스트이다. 예제를 위해 만들었기 때문에, 클래스도 없고. 걍 막했다. css다. main은 하위 div등을 숨기면서 감싸는 역할이고, div는 실제로 스크롤 없이 동작하게 하려는 오버플로우 스크롤링 이 들어있다. ul은 리스트의 토탈 넓이, li는 일반적인 리스트아이템 같이 작업해주면 된다. 이렇게 할경우 스크립트를 사용하지 않고, 스크롤 효과를 낼 수 있다.
퍼블리싱/CSS
2018. 9. 3. 17:14