페이지에있는 위치에 상관없이 고정 된 위치에 div를 유지하려면 어떻게해야합니까?

사례 : 긴 항목 목록이 있으며이 항목 위에 마우스를 올려 놓으면 해당 항목의 그림이 변경됩니다. 아무리 스크롤해도 div는 고정 된 위치에 있습니다.페이지에있는 위치에 상관없이 고정 된 위치에 div를 유지하려면 어떻게해야합니까?

일종의 프레임과 같습니다.

CSS 속성 position:fixed을 사용하십시오.

예 : <div id="items" style="position: fixed; top: 20px; right: 20px">Hello there!</div>

2010-04-17 08:46:31

div는 고정 된 위치에 있습니다.

position: fixed? 그것을 시험해보십시오 here.

2010-04-17 08:45:52

절대 위치 :

<body> 
    <div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px;"> 
    </div> 
</body>

2010-04-17 08:46:57

페이지에 상대적으로 고정 된 위치에 요소를 유지, 나는 OP가 창과 관련되어 있다고 생각합니다. – Guffa

@Guffa - 메시지가 명확하지 않다고 생각합니다. 고정 된 위치 응답 두 개를 보았고 원하는 결과가 확실하지 않아 대안을 제시했습니다. –

당신이 고정 된 위치에 사업부에 대해 물어 있습니까? 이에 CSS를 자체 사업부를 원하는 경우에 당신은 당신이 스크롤 할 때 요소가 창을 따라하기 위해 position:fixed를 사용할 수있는 최신 브라우저를 들어,

height:0px; 
left:0px; 
position:absolute; 
top:0px; 
width:0px; 
z-index:1;

2010-04-17 08:49:57 Karthik

그것은 페이지에 상대적인 고정 된 위치에 요소를 유지, 나는 OP가 창문에 상대적이라고 생각합니다. – Guffa

고정 대신, 우리도 절대 수 – Karthik

처럼 paramater를 사용할 수 있습니다.

이전 브라우저와 호환되어야하는 경우에는 창에서 스크롤 오프셋을 가져 와서 절대 배치 된 요소의 좌표를 변경하는 Javascript가 필요합니다.

2010-04-17 08:50:50 Guffa

좋은 답변 감사합니다! – fivetwentysix

답변