개발

http://kenwheeler.github.io/slick/

https://bxslider.com/

취향대로 사용하기

요약

-webkit-overflow-scrolling 은 주어진 요소에서 터치 기기가 가속도 기반momentum-based​ 스크롤을 사용할지를 제어한다.

값

auto

"일반적인" 스크롤을 사용한다. 터치화면에서 손가락을 떼는 즉시 현재 위치된 콘텐츠에서 스크롤이 멈춘다.

touch

가속도 기반 스크롤을 사용한다. 스크롤 제스처를 끝냈거나 터치화면에서 손가락을 땐 후에도 일정 시간 동안 콘텐츠가 스크롤된다. 스크롤이 계속되는 속도나 시간은 스크롤 제스처의 강도에 비례한다. 또한 신규 선회 환경을 생성하기도 한다.

출처 : https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-overflow-scrolling

initial 키워드는 IE 에서는 Not Supported 이다.

따라서 css 에서 default 값을 이용하려는 경우

width 속성의 경우 initial 대신 auto 를 사용하고,

background-color 속성의 경우 initial 대신 transparent 를 사용하자.

min-width 속성의 경우 initial 대신 inherit 를 사용해야 한다. (IE에서도 적용되기 위해)

그런데 inherit 의 경우도 IE 8.0 부터 지원한다.

출처

http://bryan7.tistory.com/414

1.div 로 감싸기

2. input file에서 버튼을 대신할 라벨 생성

3. input file 에서 경로부분을 대신할 input text 생성

4. css 에서 input file을 숨기고 라벨과 텍스트를 덮어쓰기

5. 스크립트로 file이 변경될때 이벤트로 text의 값 변경

overflow: hidden;

text-overflow:ellipsis;

white-space:nowrap;