2013-03-18 6 views
2

페이스 북은 새로운 프 래젠 테이션 사이트 for the new newsfeed에이 고정 스크롤 상자 (끈끈한 사이드 바)를 어떻게 구축 했습니까?페이스 북은 iOS를 지원하는이 fixed-on-scroll 상자를 어떻게 만들었습니까?

enter image description here

나는이 일을 위해 many of the solutions을 알고 있지만이 중 하나는 특별하다. position: relativeposition: fixed 사이의 전환은 touchmove 이벤트 (특수하지 않음)에서 작동하지만 iOS 스크롤 팬에서도 작동합니다!

나는 그것이 가능하지 않다고 생각했다. - see here. 그들은 어떻게 했습니까?

+0

사용중인 iOS 버전은 무엇입니까? 나는 현재 iOS 6에서 비슷한 것을 관리하려고 노력하고 있지만 작동시키지 못합니다. 페이 스북 페이지조차도 스크롤 팬에서 업데이트되지 않습니다. – basilikum

+0

위치 : sticky; 제 생각에는 iOS 6.1이 지원되었습니다. –

답변

1

Apparantly 히는 것이 position: -webkit-sticky;

설명은 here을 발견 웹킷 함수를 사용한다.

+0

아 ... 그게 다 고마워! 그걸 몰랐어! –

+0

반갑습니다. 다행히 도울 수있어. – Jefferson

+0

슬프게도 거의 지원되지 않습니다 ... http://caniuse.com/#search=sticky – vsync