바닥 글을 아래로 스크롤 할 때 바닥 글을 고정하십시오.

Question

바닥 글을 브라우저 창의 아래쪽에 고정시키고 싶습니다. 사용자가 이미 페이지의 맨 아래에있는 경우에만 수정하십시오.

Safari의 iOS 8 또는 OS X Mavericks/Yosemite에서 페이지 한도를 스크롤하면 더 많은 콘텐츠가 표시되어 탄력적 인 반송 효과를 얻을 수 있습니다. 고정 헤더가있을 때 정말 환상적으로 보입니다. 네이티브 앱처럼 헤더가 완전히 고정 된 상태에서 페이지 위쪽에 더 많은 배경이 표시됩니다.

바닥 글이 고정되어 있지 않은 경우 바닥 글을 보려면 페이지를 아래로 스크롤해야하며 사용자가 맨 아래로 스크롤 한 다음 그 한도를 초과하여 스크롤하면 배경색이 더 많이 표시됩니다 아주 나쁜 것처럼 보이는 바닥 글 밑에. 따라서 그 때 꼬리말을 고칠 수 있다면 페이지 제한을 초과하여 스크롤하는 것과 관련하여 항상 고정 된 머리글과 똑같이 작동합니다.

내가 바꾸고 싶은 것은 페이지 끝을지나 스크롤 한 후 바닥 글 아래에 흰색이 나타납니다. 꼬리말이 바닥에 고정되면 이것은 발생하지 않으며 대신 공백이 바닥 글 위에 추가됩니다. 이것은 내가 가져올 것입니다

는

-하지 아래 바닥 글 위에 추가됩니다 더 노란 알 수 있습니다. 나는 그것을 원하지만 바닥 글을 항상 고정시키고 싶지는 않습니다 - 바닥에 스크롤 할 때까지 볼 수 없도록 정적으로 배치되어야합니다. 그런 다음 맨 아래에 있으면 원하는 페이지 제한을 얻기 위해 고정되어야합니다 스크롤 동작. 물론 다시 스크롤하면 다시 정적으로 배치해야합니다. 이 position:sticky에 대한 작업

JSBin Code

인가? JavaScript/jQuery보다 CSS 전용 솔루션을 선호합니다.

Answer 1

이것은 작동합니다 ... !! 행운을 빕니다 !!

은 에게

#footer { 
position:fixed; 
left:0px; 
bottom:0px; 
height:30px; 
width:100%; 
background:#999; 
} 

/* IE 6 */ 
* html 

#footer 
{ 
position:absolute; 
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

는