플로팅 메뉴를 만드는 방법

Question

apple website shopping cart에서 사용되는 것과 매우 유사한 동작을하는 플로팅 메뉴를 만드는 방법에 대한 조언이 필요합니다. 나는 이런 식으로 (그리고 우리가 시도한) 스크립트를 보아 왔지만, 애플 버전이 움직이지 않는 것처럼 보이는 동안 그들은 움직임 뒤에 "지연"하는 경향이있다. jQuery 솔루션이 바람직 할 것이다.

Answer 1

음, 상대 위치 지정에서 고정으로 전환하는 것처럼 보입니다. 대부분의 사람들이하는 것보다 효과적입니다. 창을 아래로 스크롤하면 더 많이 아래로 스크롤됩니다.

the following link에서 수행 한 작업을 수행하여 창을 아래로 스크롤하는 방법을 감지 할 수 있습니다.

Answer 2

div의 y 위치가 현재 창보기의 상단과 같으면 고정 된 위치로 만듭니다. 논리를 사용하여 다시 스크롤 한 후 고정되지 않은 상태로 되돌아 가도록해야합니다.하지만 사소한 작업이어야합니다.

Answer 3

여기에는 plugin이라는 scroll-follow가 도움이 될 것입니다. 기본적으로 메뉴 옵션에 ul을 사용하여 DIV를 정의합니다. 플러그인을 사용하면 속도, 모양 및 토글 스위치를 설정할 수 있습니다.