... 움직이는 고정 위치 요소?

Question

그냥 position:fixed와 visible 요소와 링크를 발견 좀 이상한 동작 :

http://www.steadyhealth.com/Do_you_need_to_use_a_back_up_method_for_the_first_week_of_every_month_while_on_birth_control__t267326.html

요소는 id와 div이 centerMessages으로 동일하다. 그것은 녹색, 보이는 것 같습니다 ... 이동합니다. 페이지가 스크롤 될 때 고정 요소가 으로 이동하는 이유는 무엇입니까? 또는, 다시 말해서, 내가 다시 읽을 필요가있는 스펙의 어느 부분을/다시 배우시겠습니까?

Answer 1

스크롤 할 때 div가 움직이지 않습니다. 콘텐츠가 없으므로 볼 수 없습니다.

Answer 2

고정 위치는 요소가 페이지의 스크롤 위치를 기준으로 이동하지 않는다는 것을 의미합니다. 여전히 브라우저 창에 상대적인 위치를 지정할 수 있습니다. CSS와 자바 스크립트를 사용하여이 위치를 변경할 수 있습니다.