CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 123
미리보기 :  

아이폰에서 스크롤이 있는 박스를 스크롤할때 부드럽지 않을때가 있습니다. 

-webkit-overflow-scrolling: touch 를 해당 박스안에 추가해주면 스크롤이 부드러워집니다. (IOS5 이상부터적용)

 

ex)

<style type="text/css">

.scroll_box{width:auto;height:300px;border:1px solid #ddd;-webkit-overflow-scrolling: touch}

</style>

 

<div class="scroll_box">

스크롤 박스

</div>

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/css/571792/407/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32629
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23174
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44334
123 포토샵과 letter-spacing 자간 비교 file title: [ani]깜빡이는 표정빽짱구 2018-12-24   561
122 css3 애니메이션 속성 title: [ani]깜빡이는 표정빽짱구 2018-10-30   220
121 아이폰(ios) input 박스안에 그림자 및 라운드 제거하기 title: [ani]깜빡이는 표정빽짱구 2018-10-28   290
120 sass 기초 개념이 잘정리되어 있네요. title: [ani]깜빡이는 표정빽짱구 2018-10-25   222
119 CSS Transition 옵션 title: [ani]깜빡이는 표정빽짱구 2018-09-30   221
118 아이폰에서 textarea 그림자 제거 [1] title: [ani]깜빡이는 표정빽짱구 2018-09-25   376
117 크롬 input 박스 노란색 제거 하기 title: [ani]깜빡이는 표정빽짱구 2018-09-23   484
116 IOS 박스 스크롤 부드럽게 하기 -webkit-overflow-scro... title: [ani]깜빡이는 표정빽짱구 2016-02-16   565
115 CSS3 box-sizing:border-box [1] title: [ani]깜빡이는 표정빽짱구 2016-02-16   379
114 [반응형웹]해상도에 따른 CSS호출하기(미디어쿼리) title: [ani]깜빡이는 표정빽짱구 2014-05-20   3224
113 css 패턴 title: [ani]깜빡이는 표정빽짱구 2014-05-14   1828
112 아이폰 모바일에서 숫자 색상스타일 title: [ani]깜빡이는 표정빽짱구 2014-01-02   9627
111 모바일 가로버전 @media title: [ani]깜빡이는 표정빽짱구 2013-12-23   2889
110 모바일 코딩시 메뉴가 3개일때 해결방법 title: [ani]깜빡이는 표정빽짱구 2013-12-18   3551
109 크롬,사파리,익스 스크롤바 바꾸기 title: [ani]방울UI 2013-08-08   3395
108 자주쓰는 css3 속성 Top10 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2901
107 css3 box-shadow 에 대해 알아보자 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2590
106 list-style 속성들 title: [ani]깜빡이는 표정빽짱구 2012-10-26   2945
105 css3 그라데이션을 손쉽게 적용하자 title: [ani]깜빡이는 표정빽짱구 2012-10-11   3966
104 css3 border-radius 속성 file [1] title: [ani]깜빡이는 표정빽짱구 2012-09-03   4601