×

앱 설치 안내

리빌더 공식 홈페이지 바로가기를 PC에 설치해보세요!
바탕화면에서 앱으로 실행할 수 있어요.

팁과노하우

2025.07.04 09:19

리빌더 스크롤 개선 팁입니다. (모바일)

리빌더로 제작된 사이트들을 보면 스크롤이 네이티브의 경험과 좀 다름을 느꼈습니다.
그래서 수정점을 찾아 공유합니다.

수정이 필요한 파일
/theme/rb.basic/rb.css/mobile.css

수정한 부분
@media all and (max-width:1024px) 미디어 쿼리 최상단 html body 태그

원본 코드
html, body {overflow-x: hidden; background-color: #fff !important;}

수정 코드
html, body {overflow-x: hidden; background-color: #fff !important; height: auto;}

--------

결과 (비포 / 애프터)

-before-

Uploaded Image


-after-
Uploaded Image





  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기
  • 이전글관리자 화면 내 구독 PHP8 오류 출력2025.07.17
  • 다음글내용관리 (일반페이지 생성) 에서 모듈출력 사용하기2025.07.01

    • 댓글목록

    profile_image
    no_profile 하지한미니홈 1:1 대화하기 　오래 전

    감사합니다. 잘 사용하겠습니다 ^^

    2025-07-04 10:24

    profile_image
    리빌더미니홈 1:1 대화하기 　오래 전

    좋은 팁 감사합니다.
    다음 버전에 반영해보겠습니다.

    감사합니다.

    2025-07-04 12:54

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기 　오래 전

    좋은 팁, 감사합니다 ^^

    2025-07-04 16:37

    profile_image
    no_profile rainbow미니홈 1:1 대화하기 　오래 전

    작은 차이지만 느낌이 다르네요.
    감사합니다.

    2025-07-04 18:45

    profile_image
    리빌더미니홈 1:1 대화하기 　1일 전

    해당 팁 적용시 ajax채팅을 사용하시는 경우 모바일 기기에서
    채팅목록이 보이지 않는 문제가 있습니다.
    아래 내용대로 추가패치를 해주시면 사용 가능합니다. (금일 패치적용 완료)

    /rb/rb.mod/chat/style.chat.css / 1라인

    기존 : html,body {overflow:hidden; font-family:'font-R',sans-serif; font-size:14px; line-height:1.5; background-color: #F1F6FB;}
    변경 : html,body {overflow:hidden; font-family:'font-R',sans-serif; font-size:14px; line-height:1.5; background-color: #F1F6FB; height:100%;}

    1라인에 height:100%; 를 추가해주시면 되겠습니다.
    감사합니다.

    2025-08-02 07:40