레이어 팝업 문의 채택완료
안녕하세요 스킨을 제작중에 잘 안되는 부분이 있어 이렇게 문의드립니다.
게시판 리스트에서 게시물을 클릭시 레이어팝업으로 출력하는 부분까지는 잘 되었습니다.
문제는 아래의 이미지처럼 최상단에 위치해 있다는 것입니다.
팝업창이 화면에 맞게 리사이징이 되어야 하는데 스타일이나, 스크립트를 이리저리 수정을 해봐도 잘 안되네요..
고수님들의 조언 및 해결방법 부탁드리겠습니다.
사용된 관련 코드는 아래와 같습니다.
view.ajax.php
Copy
script.js
Copy
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
$(document).ready(function(){
$(".item_list_btn").click(function() {
$(this).toggleClass("active");
$(".item_list_wrap").toggleClass("mo").toggle();
$("#landCont").toggleClass("mo")
});
$(window).resize(function(){
if(window.outerWidth 1024) {
$("#landView.list_type").removeClass("fix_pg");
$("#inq_pop.list_type").removeClass("fix_pg");
}
})
})
let landViewSwiper = '';
function land_view(wr_id){
$.ajax({
url: g5_url+"/skin/board/test/view.ajax.php",
type: 'POST',
data: {
"wr_id": wr_id
},
async:false,
success: function(data){
$("#landView").remove();
$('body').append(data);
if(window.outerWidth 1024) {
$("#landView.list_type").removeClass("fix_pg");
$("#inq_pop.list_type").removeClass("fix_pg");
}
// 이하생략
이렇게 작성했습니다.
즐거운 주말 되세요~
답변 2개
채택된 답변
+20 포인트
2년 전
$(window).resize(function(){
if(window.outerWidth <= 1024) {
$("#landView.list_type").addClass("fix_pg");
$("#inq_pop.list_type").addClass("fix_pg");
} else if(window.outerWidth > 1024) {
$("#landView.list_type").removeClass("fix_pg");
$("#inq_pop.list_type").removeClass("fix_pg");
}
})
여기 나와있네요.
가로 크기에 따른 클래스 부여 부분입니다.
여기를 적당한 클래스 부여 후 css 단에서 처리하세요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
2년 전
댓글을 작성하려면 로그인이 필요합니다.
2년 전
화면에 맞게 리사이징의 기준이 뭔가요?
뭔가 어떻게 하고 싶다 라는 내용이 부족한것 같습니다.
차라리 js 말고 css 처리하세요..
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
2년 전
아~ 해상도에 맞게 팝업창이 리사이징이 되어서 중앙에 위치하게 하고 싶다는 것이였습니다... 설명이 부족했습니다..ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
즐거운 주말 되세요