머리말과 꼬리말 사이에 DIV float 만들기

머리말과 꼬리말이 몸통의 머리말과 꼬리말 사이에있는 배너가있는 웹 페이지에서 매우 간단한 자바 스크립트 기능을 사용하여 사용자가 웹 페이지를 스크롤 할 때 머리글과 바닥 글 사이에 떠 있어야합니다.머리말과 꼬리말 사이에 DIV float 만들기

$(window).scroll(function() 
    {  
     if ($(window).scrollTop() > headerHeight)    
      $(".banner").css("position", "fixed");       
     else    
      $(".banner").css("position", "relative"); 
    }

사용자가 브라우저 창을 스크롤 할 때 배너가 자동으로 스크롤/이동/이동되기를 원합니다. 코드가 잘 작동합니다. 배너를 플로트/이동시키고 배너가 플로팅/이동하지 못하게합니다. 그러나 하나의 조건을 더 추가해야합니다. 바닥 글이 있기 때문에 배너가 웹 페이지가 끝나기 전에 떠 다니는 것을 중지해야합니다. 이제이 코드는 사용자가 페이지 아래쪽에 도달하면 배너가 바닥 글 위로 움직이거나 플로팅됩니다.

누구든지이 조건을 if 블록에 포함시키는 데 도움을 줄 수 있습니까?

출처

2011-09-28 zak