iOS 스크롤효과
-
iOS 사파리 스크롤 효과를 조정해보자한달쓰기 2019. 9. 9. 23:20
모바일 웹 페이지를 작업하다보면 iOS 기기의 웹서핑을 할때 스크롤을 하게되면 안드로이드의 스크롤과는 다른 특징을 보이는데, iOS만의 특유의 스크롤효과 때문이다. 부드러움, 가속(관성) ,바운스 효과가 여타 OS 와는 다른 특징을 보이는데, 이 효과를 선호하는 경우 일부로 구현하기 위해서 별도의 작업까지 진행하는 경우가 있다. 하지만, 용도에 따라서 이효과를 제한하고 싶은 경우가 있는데 몇 가지 케이스에 따라서 CSS 와 javascript 를 이용하여 구현해보자. 첫번째 iOS에서 전체 스크롤이 아닌 요소(element)안에 스크롤을 구현하였을때 이효과를 넣고 싶을때는 어떻게할까? 1) 내부 스크롤에 관성 및 바운스 적용하기 overflow:auto; -webkit-overflow-scrolling:..