스크롤 할 때 CSS 위치가 상대적이고 막대기에 붙습니다.

Question

위치 : 상대적으로 설정 한 이미지가 있습니다 (자세한 설명으로 인해 변경할 수 없음). 이 img 항상 상단에 스틱 수 있습니다 : 창을 스크롤 할 때 0? 나는 이것을 달성하기 위해 자바 스크립트를 사용할 계획이지만 더 좋은 방법이 있는지 궁금해하고있다. 여기에 CSS는 다음과 같습니다

이

.nav-title-logo { 
    background-position: -21px -84px; 
    width: 195px; 
    height: 83px; 
    position: relative; 
    z-index: 200; 
} 

Answer 1

대신 position: relative;를 사용하는 position: fixed

Answer 2

당신이이 문제를 해결하기 위해 선택하는 방법에 큰 영향을 미칠 수 있습니다 상대를 유지해야하는 이유를 사용합니다.

예를 들어,이 작동하지만 귀하의 상황에 맞는 모르겠다. 좀 더 구체적으로해야 할 수 있습니다

HTML

<div id="wrap"> 
    <img src="http://www.w3schools.com/images/w3logotest2.png" /> 
</div> 

CSS

#wrap{ 
    position:fixed; 
    top:0; 
} 

img{ 
    position: relative; 
}