본문 바로가기 메뉴 바로가기

훈잇 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

훈잇 블로그

검색하기 폼
  • 카테고리 (429) N
    • 블로그 (244) N
      • 에세이 (11)
      • 일상 (37)
      • 세종 (2)
      • 도서 (65)
      • 어항 (4)
      • 남과 함께 (4)
      • 아침 글쓰기 챌린지 100 (95)
      • 투자 (25) N
    • 개발 (176)
      • Spring 블로그 만들기 (19)
      • JAVA, Spring (24)
      • 안드로이드 개발 (14)
      • Android Studio 개발 팁 (6)
      • R.Pi3 + Linux (15)
      • PHP (8)
      • HTML, Javascript, CSS (5)
      • Python (4)
      • DB (7)
      • 개발 기타 (71)
    • 사이드 프로젝트 서브노트 (4)
      • 근태 관리 프로젝트 서브노트 (4)
  • 방명록

floating button (1)
[HTML,CSS] div안에 스크롤바를 달고 이벤트 버튼 넣기

이번 포스팅에서는 몇 일동안 골치를 아프게 했던 것에대해 정리해 보려고 합니다. div 안에 스크롤 바를 설치하고,div 영역 안쪽... 우측 하단에 위치가 고정된 버튼(floating button : 플로팅버튼)을 만드는 것입니다. 우선가장 먼저 해야 할 것은 div 안에 스크롤 바를 만들어 내는 것이 겠지요 스크롤 바를 만드는것은 생각보다 간단합니다.CSS 속성중 overflow 속성을 주면 됩니다. 이렇게 하면 스크롤이 생성됩니다.위 같은 경우는 가로,세로 모든 스크롤이 생기는 경우이지만경우에 따라서 세로만 만들거나, 가로만 만들어야 할 필요도 있습니다.그럴때는 overflow-x 나 overflow-y 속성을 이용합니다. 그럼 이제 드디어 버튼을 div 영역 안쪽에 달아볼 차례 입니다. (이 부분..

개발/HTML, Javascript, CSS 2018. 10. 23. 00:13
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Did you know
  • 안드로이드 스튜디오
  • 라즈베리파이3
  • Raspberry pi3
  • bootstrap
  • 스프링
  • Linux
  • 아침글쓰기
  • 게시판
  • 회고
  • 리눅스
  • spring
  • 아침 글쓰기
  • IntelliJ
  • openjdk
  • 개발팁
  • spring board
  • 한빛미디어
  • 아침 글쓰기 챌린지
  • 글쓰기
  • php mvc
  • 도서
  • 티스토리챌린지
  • etf
  • android studio
  • java
  • MAC OS STS Spring
  • 오블완
  • Tip of the day
  • Spring 게시판
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바