CSS 내가이 스크립트를 사용하여 수평 스크롤 웹 사이트가 왼쪽/오른쪽 수평 스크롤

Question

페이지의 맨 아래에 요소를 수정 사용자의 해상도에서 사본이 페이지의 보이는 부분 아래로 더 내려갈 수 있습니다.

나는 페이지와 함께 수평으로 스크롤하고자하는 푸터 정보를 가지고 있지만, 스크롤바가있을 경우 페이지의 맨 아래에 항상 있어야한다. 이 CSS 사용 :

.footer { position: fixed; bottom: 10px; left: 100px; } 

바닥 글이 사이트의 복사본에 겹쳐지기 때문에 원하는 것을 수행하지 않습니다.

그래서 나는이 같은 시도 : 정보가 여전히 항상 페이지의 보이는 부분을 밀어 때문에 또한 작동하지 않았다

html, body { min-height: 900px; } 
.footer { position: fixed; top: 880px; left: 100px; } 

.

그래서 바닥 글 정보를 페이지에 자연히 떨어 뜨리는 위치에 놓을 수있는 솔루션을 찾고 있지만 페이지가 수평으로 스크롤 될 때 항상 왼쪽에서 100px 고정되어 있습니다.

도움 주셔서 감사합니다.

Answer 1

전적으로 CSS로 할 수 있을지 확신하지 못합니다. 나는 콘텐츠 div (또는 본문)의 크기를 감지하고 뒤에 footer div를 배치하는 javascript (또는 jquery) 함수를 만들 것입니다 (jquery를 사용하는 경우 offset 또는 그렇지 않은 경우 상단 여백을 조작 함). 그런 다음 사용자가 오른쪽으로 스크롤 할 때 창에서 .scroll method을 사용하여 div의 가로 위치를 이동할 수 있습니다.