[팁] 티스토리 블로그 사이드바 고정 관련

 

 

 

 

=======================

=======================

=======================

 

 

 

티스토리 사이드바 고정

>https://sosopro.tistory.com/316 //오딧세이 

>https://s-bug.tistory.com/34 //오딧세

=======================

=======================

=======================

 

 

 

"자신의 티스토리"->관리자->스킨편집->html편집->오른쪽탭[CSS]

에서 사이드바 고정할수 있게 코드편집을 할 수 있습니다.

 

 

 

 

 

 

아래 코드부분의 코드내용과 같이 추가 해주고 자신의 블러그와 맞게 고정 시켜준다.

 

일반적인 티스토리 사이드바 고정

#aside {
	position: sticky;
	position: -webkit-sticky;
	top: -60px;
}

 

 

 

오딧세이.스킨 사이드바 고정

/* 사이드바 고정*/

@media screen and (min-width: 1061px)
{ .wrap-right .area-aside { align-self: flex-start; position: sticky; top: 32px; height: 100%} }
#wrap {overflow: auto; overflow-x: hidden; height: 100%; }

/* 사이드바 고정 끝*/

=======================

=======================

=======================