Go back
사용 방법 문의
[기타] [html] 따라다니는 이미지 버튼 만들기
lilllill
2024-04-15

버튼에 position:fixed를 주면 현재 화면에 버튼이 고정되며,

스타일에서 top,left 등으로 위치를 정해주면 됩니다.

 

 

html 부분

<div class="btn">
	<a href="링크주소"><img src='image/btn.png'></a>
</div>

html 부분은 btn이라는 클래스로 잡아두고 간단히 작성했습니다.

 

css부분

.btn{
position:fixed;
right:10px;
bottom:30px;

}

css 부분은 btn에 position만 fixex 해두고 오른쪽에서 10px 떨어진곳, 바닥에서 30px 떨어진 쪽에 버튼이 고정됩니다.

 

 

 

 

 

---

 

이와 같은 내용을 publ을 통해서 구현할 수 있을까요?

 

 

2 Comments
미적지근
· 2 years ago
커스텀 CSS랑 HTML에 코드 추가하면 되더라구요! 그런데 다른 버튼들?에도 영향이 갈수도 있어서 저는 막 사용하긴 어려웠어요ㅠ
[publ] William
· 2 years ago
안녕하세요, lilllill님.
publ 개발팀 William입니다 :) 우선 말씀해 주신 버튼 기능이 동적인 액션이 포함된 것으로 보이기에,
소개해주신 html과 css를 [Javasript] 기능을 이용하여 작성해주신다면 구현할 수 있을 것으로 보입니다.
그러나 실제 작성하신 코드가 올바른 코드인지, 정상적으로 작동하는지는 저희가 판단할 수 없다는 점 양해 부탁드립니다. 또한 JS 및 HTML 편집은 채널 전반에 걸쳐 영향을 줄 수 있기에,
항상 정상 작동하는지를 테스트해 보시고 적용하시기를 추천해 드립니다. 이 외에도 궁금하신 사항이 있으실 경우 언제든 편히 문의해 주시길 바랍니다 :)
감사드리며,
publ 개발팀 William이었습니다.