'popup' 태그의 글 목록
본문 바로가기 메뉴 바로가기

@Override

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

@Override

검색하기 폼
  • 분류 전체보기 (873)
    • Mobile (430)
      • iOS (216)
      • Android (210)
      • React Native (1)
      • Flutter (0)
    • Language (51)
      • Java (15)
      • Kotlin (2)
      • Python (7)
      • JavaScript (5)
      • Go (12)
      • PHP (3)
      • Ruby (1)
      • C,C++ (1)
      • HTML, CSS (5)
    • Backend (125)
      • Server (83)
      • Spring (5)
      • GraphQL (1)
      • Docker (19)
      • AWS (1)
      • Kafka (2)
    • Database (16)
    • Game Engine (2)
    • Build System (2)
    • Version Control (45)
    • CI,CD (4)
    • Tool (39)
    • IT (19)
    • Coding (19)
    • My (11)
    • OS (72)
    • Any (22)
    • Food (4)
      • 감자탕 (2)
      • 고기 (1)
    • English (3)
  • 방명록

popup (1)
HTML. Show popup in window center

팝업창을 현재 보이는 브라우저의 정중앙에 노출하는 예제입니다. This is WebPage!!! 부분적으로 설명을 하자면 width가 500이고 height가 600인 팝업을 노출할 것이고요. 이것을 현재 window의 내부 height에서 팝업의 600을 빼고 screen의 Y를 더해줍니다. 왜냐면 현재 브라우저의 screenY값을 더해주어야지 창의 중앙에 오기 때문입니다. 같은 원리로 window의 내부 width에서 팝업의 500을 빼고 screen의 X를 더해줍니다. spec 부분은 여러가지 설정을 표현하는 부분입니다. 참 쉽죠? ㅎㅎ

Language/HTML, CSS 2020. 7. 31. 22:58
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • git
  • git - example
  • CocoaPods
TAG
  • github
  • enum
  • cocoapods
  • Codable
  • nodejs
  • Kotlin
  • go
  • git
  • Spring
  • ios
  • MySQL
  • ubuntu
  • Linux
  • war
  • CentOS
  • Python
  • Gradle
  • rxswift
  • SWIFT
  • tomcat
  • centos8
  • php
  • golang
  • Java
  • intellij
  • windows10
  • Windows
  • android
  • Xcode
  • docker
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바