2013-06-07 1 views
0

뷰포트 높이의 바닥 글을 공개 : 당신이 바닥에 도달 할 때까지 기본적으로스크롤에 상관없이 내가 정확히 이런 글 코딩하는 방법을 알아 내려고 노력하고있어

http://elevationchurch.org/

를, 바닥 글은보기에없는 콘텐츠의 따라서 콘텐츠가 많지 않은 높이의 데스크톱 브라우저가 있고 콘텐츠 컨테이너의 끝이 보이면 바닥 글은 숨겨져 있지만 아래로 스크롤하면 바닥 글이 표시됩니다.

알아두면 브라우저를보다 "모바일"크기로 조절하고 바닥 글이 공개되기를 기다리는 "오른쪽"위치에 여전히 있습니다.

답변이 너무 쉽지만 자바 스크립트 및 CSS 트릭을위한 코드를 샅샅이 뒤 졌는데 나는 그것을보고 있지 않습니다.

제안 사항?

답변

1
그래서 크롬의 개발자 도구를 통해 확인

:

있는 style.css

html, .inspiration, .inspiration #outer, .inspiration #container, .inspiration #content { 
    height: 100%; 
} 

을 가지고 있으며, 당신이 CSS 라인을 활성화/비활성화하는 경우, 내용은/축소 예상대로 마법을 무엇을하고 있는지, 그래서 확장 .

관련 문제