티스토리 포스터 사이드바에 스크롤바 넣기

포스터 스킨 기본 모드에선 사이드 바에 스크롤 바가 없다. 스크롤 바를 넣고 싶다면

 

1. 먼저 html 코드 편집 창으로 이동한다.

2. CSS 탭에 들어가서 ctrl + f로 '#header .menu {'를 찾는다.

3. 아래 코드가 나오면 다음과 같이 변경해준다.

 

#header .menu {
position: fixed;
top: 0;
left: -348px;
z-index: 400;
width: 348px;
height: 100%;
padding: 94px 40px 189px;
background-color: #fff;
box-sizing: border-box;
transition: left .5s ease-in-out;

}

 

#header .menu {
position: fixed;
top: 0;
left: -348px;

overflow-y: auto; /* 사이드바 스크롤바 */
z-index: 400;
width: 348px;
height: 100%;
padding: 94px 40px 189px;
background-color: #fff;
box-sizing: border-box;
transition: left .5s ease-in-out;
}

 

4. 스크롤 바 디자인을 아이폰처럼 둥글게 하려면 아래 링크 박스를 참조할 것

 

스크롤바 둥글게 스마트폰처럼 설정하기