Johan Brook 씨가 blog에 올린 글에 의하면 다음 버전의 iOS에선 새로운 CSS property를 써서 완벽한 기본 iOS의 관성 스크롤링 동작을 구현할 수 있게 되었다고 한다. 그것도 손가락 하나만으로 스크롤링이 가능해졌다.

div {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

그동안 Web Apps를 개발할 때 native iOS apps에서 보여주는 관성 스크롤링 동작을 구현하기 위해 몇몇 JavaScript 라이브러리를 사용해야 했는데, 아무래도 부족한 면이 없지 않았다.

이미 이전 iOS 5 Beta에선 position:fixedoverflow:scroll 등 아쉬웠던 여러 웹 기술을 지원하기 시작했으며, 여기에다 관성 스크롤링까지 지원하면서 native Apps 못지않은 Web Apps를 구현하는데 부딪히게 되는 장벽이 훨씬 낮아진 느낌이다.

관련된 주제의 글

“iOS 5 Beta 2부터 관성 스크롤링을 지원하기 시작했다는 소식”에 달린 2개의 댓글

안녕하세요, iOS5 정보를 검색 중에 여기까지 왔네요 ^^
유용한 정보 감사합니다.
한가지 궁금한게 있는데요, 포스트에 글자에 대한 효과와 소스의 애니메이션 효과는 프레임윅같은것을 사용하셨는가 싶어서요.
손수 작성하신 부분인지 아니면 프레임윅인지… 유용한 기능을 보면 그냥 지나갈 수가 없어서요 ^^;
덧글 기다릴께요 ^^

댓글을 남겨 주세요