[Blogger] 구글 블로그 페이징 처리하는법 2 : 버그 해결 법~블로거 페이지리스트 만드는 방법2~ (설정 스크롤링 이벤트)_page list scrolling indie

+ 구글 블로그 페이징 처리하는법 1 : 블로그에 페이징 처리 적용

+ 구글 블로그 페이징 처리하는법 2 : 페이징 처리 시 버그(문제점 해결) 1

- 페이징 처리하는법 1대로 블로그에 적용하였으나 여러 문제점 발생

1. 모바일버전에서 스크롤링 시 페이지리스트가 내려오면서 화면을 가리는 현상이 발생

- 저는 블로거에서 아래사진과 같은 테마를 사용 합니다.

- 이러한 현상이 나타남으로 html 및 css 하나하나 수정해봤지만 소용이 없었습니다.

- 이 문제를 해결하기위해 어디서 이러한 현상이 발생되는지 추척해 보았습니다.

크롬에서 페이지리스트를 적용한 블로그 접속 >> F12 (개발자도구) >> 이벤트 리스너 탭

확인 시 스크롤링 이벤트(현재사진에는 없음)를 Remove 버튼으로 제거

- 이벤트 리스너 탭에서 스크롤링 이벤트를 제거하니 문제가 해결되었으며,

위 사진에서 힌트를 얻었습니다. (Remove 버튼옆에 js파일을 발견)

- 테마 html 편집에서 해당 js를 불러오는 태그가 보이지않았습니다.

- indie compiled.js 로 구글링 해보니 아래 링크 댓글에 이러한 글을 발견 했습니다

<b:template-script async='true' name='indie' version='1.0.0'/> 코드를 찾아 제거하십시오.

- 테마 html 편집에서 해당 태그를 주석처리하니 문제가 해결되었습니다.

2. 다음편 예고

- 1번 문제를 해결하니 메뉴 버튼이 작동하지 않는 현상이 발생하여 다음포스팅에서

이어 작성하겠습니다.

Rock Bottom Dev Bus