fullpage.js 를 사용한 페이지에서 버튼 클릭시 최상단으로 가는 현상

 

안녕하세요~ 

fullpage.js 를 활용한 테마 제작후

가장 하단 section 에 kbaord 를 숏코드로 삽입했습니다. 

 

테스트 페이지의 "문의게시판" 메뉴입니다. 

https://thehadastudio.com/ftm2

 

그런데 글쓰기 버튼, 목록버튼, 수정 버튼등 버튼을 클릭하면 항상 최상단으로 스크롤이 이동합니다. 

이 부분을 항상 마지막 섹션에서 스크롤이 유지되게 할 수 있을까요? 

 

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    KBoard 게시판 페이지 이동 시 스크롤이 게시판에 맞춰지게 하시려면

    HTML 해시를 활용해보시겠어요?

    올려주신 페이지에는 디폴트 스킨이 적용되어 있는 듯합니다.

    KBoard 플러그인에 내장되어 있는 필터를 활용해서 HTML 해시를 추가해봤습니다.

    아래의 코드를 활용해보시겠어요?

    add_filter('kboard_url_document_uid', 'kboard_url_document_uid_20210225', 10, 3);
    function kboard_url_document_uid_20210225($url, $content_uid, $board){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$url .= '#kboard-default-document';
    	}
    	
    	return $url;
    }
    
    add_filter('kboard_url_content_editor', 'kboard_url_content_editor_20210225', 10, 3);
    function kboard_url_content_editor_20210225($url, $content_uid, $board){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$url .= '#kboard-default-editor';
    	}
    	
    	return $url;
    }
    
    add_filter('kboard_url_board_list', 'kboard_url_board_list_20210225', 10, 2);
    function kboard_url_board_list_20210225($url, $board){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$url .= '#kboard-default-list';
    	}
    	
    	return $url;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

    고맙습니다.

  • 감사합니다~ 필터를 추가해 상단으로 올라가는 현상은 없어졌지만 fullpage.js 기능이 제대로 되지 않습니다. 

    글을 클릭해 내용화면으로 들어왔을때, 페이지의 스크롤이 되지않고 fullpage section 들로 돌아갑니다. 

  • 안녕하세요.

    fullpage.js 쪽에서 html 해시 기능을 활용 중인 듯한데요.

    아이프레임으로 보기 설정을 활성화해보시겠어요?

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 고급설정 탭에서 설정하실 수 있습니다.

     

    추가로, 아이프레임 안쪽에 있는 페이지와 밖에 있는 부모 페이지는 서로 독립된 영역이기 때문에

    아이프레임 안쪽의 게시판 페이지가 변경되어도 밖에 있는 부모 페이지의 영향을 주지 못합니다.

    따라서 이유가 없는 일반적인 경우 아이프레임으로 보기 기능을 사용하지 않는 게 좋습니다.

    고맙습니다.

  • 빠른답변 감사합니다. 아이프레임 보기기능을 먼저 활성화 하니 본문 글에서 스크롤이 활성화 되지 않습니다.

    다른 방법은 없을까요? 

     

  • 스크롤을 게시판에 맞춰지게 하려면

    HTML 해시, KBoard 아이프레임으로 보기 기능을 활용해주셔야 합니다.

    다른 방법으로는 자바스크립트 scrollTop을 활용하는 방법도 있습니다.

    자세한 내용은 아래 링크를 참고 부탁드립니다.

    https://api.jquery.com/scrolltop/

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기