카테고리를 클릭시 새로운 페이지로 접근을 하다보니 새로고침이 되면서 상단으로 이동을 하는데요 게시글이 있는 위치로 다시 내려가도록은 가능합니다.

이 부분은 저희쪽에서 샘플로 작업을 해드릴 테니 참고하시기 바랍니다.

 

네, 감사합니다.

샘플로 작업 되어있는건 어디서 확인하면 될까요?

담당자문께서 작업중이며 작업이 완료되면 따로 코멘트 드리도록 하겠습니다.

 

ma_galler4 블로그의 소스를 수정하였습니다.

 

 

1)

소스 수정을 눌러서 수정페이지로 들어갑니다.

 

 

2)

소스를 직접 수정 합니다. 로 변경 후,

리스트 화면을 수정합니다.

 

 

 

<div class="magic-gallery4">
    <div class="category" cond="count($myboard_category_row)">
        <button type="button" class="category-button"><span class="icon"></span>CATEGORY</button>
        <ul class="category-list">
            <li class="on"|cond="!$_GET[category_idx]"><a href="/myboard/{$_GET[myboard_code]}">ALL</a></li>
            <!--@foreach($myboard_category_row as $k => $v)-->
                <li class="on"|cond="$_GET[category_idx]==$v[category_idx]"><a href="{$v[url]}">{$v[subject]}</a></li>
            <!--@end-->
        </ul>
    </div>

->

<div class="magic-gallery4" id="gallery4">
    <div class="category" cond="count($myboard_category_row)">
        <button type="button" class="category-button"><span class="icon"></span>CATEGORY</button>
        <ul class="category-list">
            <li class="on"|cond="!$_GET[category_idx]"><a href="/myboard/{$_GET[myboard_code]}#gallery4">ALL</a></li>
            <!--@foreach($myboard_category_row as $k => $v)-->
                <li class="on"|cond="$_GET[category_idx]==$v[category_idx]"><a href="{$v[url]}#gallery4">{$v[subject]}</a></li>
            <!--@end-->
        </ul>
    </div>

 

 

1. 이동하고 싶은 위치에 id 를 추가합니다.

(다른 id 값과 겹치지 않도록 주의해주세요.)

id="gallery4"

 

2. 링크값의 뒤에 #을 이용해서 같은 이름으로 추가합니다.

#galler4

 

 

- 전체 주소는 다음과 같게 됩니다.

http://www.heyumplan.co.kr/myboard/ma_galler4#gallery4

 

- 페이지 이동시 #galler4 에 해당하는 위치로 스크롤 됩니다.

 

 

 

참고사이트 (영문)

HTML Links - Create a Bookmark

https://www.w3schools.com/html/html_links.asp