본문 바로가기
Frontend/JavaScript

아이콘을 화면에 고정시키기

by 지구 2018. 7. 2.

.jsp body 내부에 img 설정하고

1
<a href="#"><img class="addBoard" src="pencil.png"></a>
cs

.jsp head에 style로 이렇게 지정하면

1
2
3
4
5
6
7
8
    .addBoard {
      position: fixed;
      bottom: 300px;
      right: 300px;
      width: 50px;
      height: 50px;
      z-index:999;
    }
cs

+ position : fixed 로 놓게 되면 아이콘이 계속 고정이 되고,

z-index : 999 로 놓게 되면 해당 아이콘이 화면단 최상에 올라간다.



이렇게 스크롤을 내려도 둥둥뜨는 이미지 설정가능하다 :)



반응형

댓글