스크롤 할 때 div를 계속 누르고 있지만 여백을 유지하십시오.

Question

제목이 약간 어리 석습니다. 아마도 오류가 가득한 페이지가 있습니다. 어느 쪽이든, Navi와 텍스트 상자가 있습니다. 나비 왼쪽, 텍스트 상자 오른쪽.

Navi는 창 상단을 가로 질러 올 때까지 위로 스크롤 한 다음 거기에 머문다. 나는 지금까지 일하도록했다. 내가 자바 스크립트에 멍청한 사람이기 때문에 내가 찾은 코드를 복사하여 사용했다.

Navi가 상대 위치에서 고정 위치로 변경되는 순간에 텍스트 상자에 문제가 발생합니다. 텍스트 상자는 Navi를 무시하고 그냥 덮어 씁니다.

상단의 스크립트에 스틱을 사용하기 전에 Navi를 고정 시켰습니다.

은 다음 페이지의 : http://test.pluskat.de/StuckWeit/

배경 이미지를 무시합니다.

무엇을해야합니까? 무엇을 변경해야합니까? 나는 지금까지 모든 포지셔닝을 통해 자신을 완전히 혼란스럽게 생각합니다. 도와주세요. Javascript의 놈이라고 기억하십시오. 나는 너를 따라갈 수 있을지도 모르겠지만, 끝내야 할 일을 설명해 주어야한다. 그래서 다른 사람들도 너에게서 배울 수있을 것이다.

감사합니다. 너희들은 내 마지막 희망이야.

Answer 1

의 스타일을 지정할 수 있습니다.이 문제를 해결하려면 style.css 파일의 끝에 다음 스타일을 추가해보십시오.

#wrapper 
{ 
    width: 1024px; /*Add this if you have fixed width layout else ignore*/ 
    position: relative; 
} 

#textbox 
{ 
    position: absolute; 
    left: 220px; 
    height: auto; 
} 

Answer 2

고정 위치가 작동하는 방식입니다. 문서 흐름에서 요소를 제거합니다. 그래서 div가 전체 너비를 차지하는 이유입니다. JS의 위치 속성을 변경하는 대신 일반 컨테이너 요소에 클래스 (예 : 'nav-positioned')를 추가 할 수 있습니다. .nav-positioned .navi1 및 .nav-positioned #Text