너무 많은 부분이 스크롤 된 후에 화면에 div를 잠급니다.

Question

현재 대부분의 항목이 화면 밖으로 스크롤 된 후 화면에서 내 머리글을 잠글 수있는 방법을 찾으려고합니다.

예를 들어, 내 머리글이 150 픽셀이라면 사용자가 내 페이지를 아래로 스크롤 할 때 상위 135 픽셀이 스크롤 해제 된 후 화면 맨 아래에 15 픽셀을 잠글 수 있습니다. ? 그래서 내 페이지가 얼마나 오랫동안 머물러 있든 상관없이 항상 상단에 내 머리글의 아래쪽 15 픽셀이있게됩니다.

사용자가 다시 스크롤 할 때이를 역전해야 헤더가 원래 상태로 돌아갈 수 있습니다.

나는 원래의 머리글 뒤에 "고정 된"위치로 15 픽셀 높이의 다른 머리말을 붙이기 때문에 더러운 작업을 시도했습니다. 따라서 원본 150 픽셀의 원본이 화면에서 사라질 때마다 새 것으로 나타납니다. 그 뒤에. 이것은 작동하지만 사용자가 중간 지점에서 그것을 잡으면 불쾌 해 보입니다.

필자는 필자의 대답이있는 곳에서 JavaScript와 두려움에 대한 지식이 극히 제한적입니다. 개봉 된 말 것을

Answer 1

내가 .. 내가 그랬던 것처럼 당신이 같은 일에 대해했다고 생각 .. 당신이 .. 원하는에 대한 그리고 다소 혼란 스러워요하지만 당신은 어쨌든

.. 어떤 이유로처럼 일부러. 내가 네게 맞으면이게 효과가있어.

http://jsfiddle.net/5pJuJ/

은 기본적으로 헤더 뒤에 fixed을 위치 요소가 그것은 상단에 fixed하고 아래로 스크롤하면 따라서 공개된다.

---

아 .. 맞아요. 그래디언트 같은 것이 있으면 잘되지 않습니다. 문제가 있습니까?

나는 (GRR ... 난 당신이 제공 shouldve 생각 ..) 내가 개봉 된 데 생각 문제 ... http://jsfiddle.net/5pJuJ/1/을 보여주기 위해 이런 짓을

---

이것은 당신이 꽤 원하는 그냥 뭐하는 것처럼 보인다 잘 :

http://imakewebthings.github.com/jquery-waypoints/

http://imakewebthings.github.com/jquery-waypoints/sticky-elements/