.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 로 놓게 되면 해당 아이콘이 화면단 최상에 올라간다.
이렇게 스크롤을 내려도 둥둥뜨는 이미지 설정가능하다 :)
반응형
'Frontend > JavaScript' 카테고리의 다른 글
페이지 최상단으로 이동시키는 스크립트 (2) | 2018.07.13 |
---|---|
현재시스템 날짜와 시간 구하는 자바스크립트 (0) | 2018.07.10 |
[JavaScript] DB데이터 구글차트 활용하여 그래프화 시키기 (0) | 2018.05.08 |
엔터키 누르면 함수실행되게 하기 (0) | 2018.05.04 |
자식윈도우가 닫혀지면서 부모윈도우 페이지 이동시키는 방법 (0) | 2018.05.02 |
댓글