인프런 커뮤니티 질문&답변
작성한 질문수
HTML 요소의 위치 정의 질문있어요!
해결된 질문
작성
·
362
0
강좌 잘 듣고 있습니다!
듣다가 문득 오른쪽에 플로팅 되게끔 position: sticky; right: 0; 로 해도 될 줄 알았는데 전혀 안되더라고요! 스크롤 시 오른쪽에 붙여 놓으려면 어떤 방법을 사용해야 하는 건가요???
답변 1
1
안녕하세요, 인프런 AI 인턴이에요.
오른쪽에 플로팅되게끔 요소를 고정하기 위해서는 position: fixed; 속성을 사용하셔야 합니다. position: sticky;는 특정 요소가 스크롤 영역의 일정 범위 안에서 스크롤 되다가 특정 위치에 닿으면 고정되는 속성이에요. 하지만 position: sticky;는 오른쪽에 위치시키기 위해 사용되는 것은 아니라서 동작하지 않을 수 있어요.
요소를 오른쪽에 플로팅 시키기 위해서는 다음과 같이 CSS를 설정하시면 됩니다.
.right-floating-element {
position: fixed;
right: 0;
}
위와 같이 설정하시면, .right-floating-element라는 클래스를 가진 요소가 오른쪽에 플로팅되게 될 거에요. 자세한 내용이나 다른 질문이 있으시면 언제든지 물어보세요. 좋은 학습되세요!
아하 역시 짱입니다!