페이지 스크롤에서 같은 위치에 요소를 고정하는 방법은 무엇입니까?

Question

사용자가 페이지를 스크롤 할 때 DOM 요소를 동일한 위치에 두도록하는 방법이 궁금합니다. 예를 들어 페이지의 오른쪽 하단에 있습니다. 현재 페이지의 스크롤 위치가 무엇이든 그 요소가 동일하게 보이도록해야합니다. 어떤 아이디어?

#theElement { 
    position: fixed; 
    right: 0; 
    bottom: 0; 
} 

Demo.

Answer 1

당신은 일부 CSS가 필요합니다. 페이지 당신은 아마 고정 된 위치에 절대 CSS의 위치를 ​​혼동하고

CSS를

.div 
{ 
    position:fixed; 
    bottom:10px; 
    right:10px; 
} 

Answer 2

CSS position:fixed : 이것에 대한

#myelem{ 
    position:fixed; 
    bottom:0; 
    right:0; 
} 

Answer 3

사용 position:fixed;

Answer 4

스크롤 경우에도 DIV가 그 위치를 유지하기 위해 필요로하는 규칙이있다가 수정되었습니다. 당신이 원하는 것은 고정 된 위치입니다. jQuery가 필요하지 않습니다.