이전 목록 다음

모달팝업 클릭시 부모창 상단 이동

우왕우왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-01-10 (화) 16:48:36 2,465

게시판 리스트에서 뷰페이지 클릭시 magnific popup 플러그인을 사용하여 팝업이 뜨게 구현하였는데
클릭해서 팝업이 뜰때 부모창이 상단으로 이동하는 문제가 있습니다

스크롤값을 사용하여 배경색을 바꾸는 바닐라 자바스크립트 코드가 있어서 꼭 해결해야만합니다!!

도움주시면 감사하겠습니다

Copy

<a href="<?php echo $list[$i]['href'] ?>" class="view-pop">
    <?php
    if ($list[$i]['is_notice']) { // 공지사항  ?>
        <strong style="width:<?php echo $board['bo_gallery_width'] ?>px;height:<?php echo $board['bo_gallery_height'] ?>px">공지</strong>
    <?php } ?>
    <?php
        $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], '');
        if($thumb['src']) {
            $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_gallery_width'].'" height="'.$board['bo_gallery_height'].'">';
        } else {
            $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
        }
        echo $img_content;
    ?>

    <script>
        $('.view-pop').magnificPopup({
            type: 'ajax',
            closeOnBgClick: false,
        });
    </script>
</a>

그누보드5 magnific 팝업 모달창