테스트 사이트 - 개발 중인 베타 버전입니다

모바일 화면 가운데 출력하는 방법? 채택완료

maypaxuro 7년 전 조회 3,032

안녕하세요. 웹앱을 제작중입니다.

 

특정 버튼을 누르면 뜨는 이미지로 된 팝업이 있는데요.

 

해당 팝업을 모바일 화면상에서 무조건 가운데 띄우고 싶습니다.

 

예를들어 배경 높이가 3000px 일때 스크롤을 아래쪽으로 내리고 해당 버튼을 누르면

 

너무 위에 팝업이 떠서 확인이 불가능합니다..

 

스크롤이 어디에 위치하던, 모바일 디바이스 정 중앙에 팝업을 띄우는 방법이 있을까요?

 

고수님들의 도움 부탁드립니다 ...

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
nanati
7년 전

</p>

<p>function openwin() {</p>

<p>// 표시할 팝업윈도우창의 크기</p>

<p>var w_size=800;</p>

<p>var h_size=600;</p>

<p> </p>

<p>// 윈도우 위치 지정</p>

<p>var l_position=Number((window.screen.width-w_size)/2);</p>

<p>var t_position=Number((window.screen.height-h_size)/2);</p>

<p> </p>

<p>window.open('팝업.html', 'width='+w_size+', height='+h_size+', left='+l_position+', top='+t_position);</p>

<p>}</p>

<p> </p>

<p> </p>

<p><a href="javascript:openwin();">팝업윈도우버튼</a></p>

<p>

 

함 해보세욥~ ㅡ,. ㅡ ㅎ 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

검색으로 찾은 글인데, 실제 될지는 모르지만, 혹시나 해서 남깁니다.

 

https://stackoverflow.com/a/210733">https://stackoverflow.com/a/210733

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인