본문으로 바로가기

shaking blog

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리자
관리자
  • 블로그 이미지
    shaking

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

Box 검색 결과

해당 글 2건

[CSS] Div 가운데 정렬하는 방법

css의 postion 을 써서 div 박스를 가운데하려고 하는데 은근 복잡하고 막상 뜻대로 잘 안돼서 할때마다 항상 버벅인다. 이번에도 그래서...ㅎㅎㅎ 방법을 찾으려고 검색하다가 명쾌하게 정리해놓은 사이트가있어서 메모한다. 다음은 wrap이라는 div안에 center_box 라는 div를 wrap이라는 div를 기준으로 가운데 정렬하려 하는 예시이다. - html test - css .wrap { width: 100%; position: relative; background: red } .center_box { width: 300px; hegiht: 200px; position: absolute; background: blue; top: 50%; left: 50%; margin-top: -100px;..

Helloworld!/CSS 2016. 2. 5. 15:37

[jQuery] 스크롤 따라다니는 박스

CSS : #sidebox { background-color:#F0F0F0; position:absolute; width:120px; top:433px; right:420px; padding: 3px 10px } Java Script : var currentPosition = parseInt($("#sidebox").css("top")); $(window).scroll(function() { var position = $(window).scrollTop(); $("#sidebox").stop().animate({"top":position+currentPosition+"px"},1000); }); HTML : 내용 입력

Helloworld!/Javascript & jQuery 2013. 5. 23. 18:15
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 전체 보기
MORE+

CATEGORY

  • Shaking (472)
    • Helloworld! (448)
      • Vue (11)
      • Typescript (1)
      • Javascript & jQuery (57)
      • Angular (6)
      • PHP (115)
      • Laravel (14)
      • CodeIgniter (3)
      • JAVA (12)
      • MySql (28)
      • CSS (31)
      • GIT (51)
      • XAMPP (20)
      • Amazon AWS (8)
      • MAC (16)
      • CentOS (6)
      • Design Pattern & Algorithm (6)
      • Machine Learning (7)
    • 이미지작업 (7)
      • Photoshop (4)
    • Memo (3)
    • Etc. (3)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT shaking blog, ALL RIGHT RESERVED.
shaking blog
블로그 이미지 shaking 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리자
CATEGORY
  • Shaking (472)
    • Helloworld! (448)
      • Vue (11)
      • Typescript (1)
      • Javascript & jQuery (57)
      • Angular (6)
      • PHP (115)
      • Laravel (14)
      • CodeIgniter (3)
      • JAVA (12)
      • MySql (28)
      • CSS (31)
      • GIT (51)
      • XAMPP (20)
      • Amazon AWS (8)
      • MAC (16)
      • CentOS (6)
      • Design Pattern & Algorithm (6)
      • Machine Learning (7)
    • 이미지작업 (7)
      • Photoshop (4)
    • Memo (3)
    • Etc. (3)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바