• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

스크롤프로그레스바1

728x90
[개발]티스토리 상단 스크롤 프로그레스바 적용하기 티스토리 뿐만 아니라 다른 사이트에도 적용이 가능합니다. 가끔 글내용이 길때 어디까지 더 읽어야하는지, 아니면 얼만큼 남았는지 궁금할때가 있습니다. 브라우저 스크롤도 있지만, 맥에서는 스크롤을 하기전까지 안보임으로 프로그레스바를 통해 얼만큼 스크롤 되었는지 알 수 있습니다. 위에 예시 이미지를 보시면, 상단에 붉은색 라인처럼 보여지며, 해당 블로그에서도 스크롤을 하면 프로그레스바를 확인 할 수 있습니다. 적용방법 위에 소스를 안에 삽입합니다. 여기서 #tt-body-page 아이디 값은 최상단의 id나 class값을 넣으시면 됩니다. 크롬 개발자도구를 이용하시면 쉽게 찾을 수 있습니다. 그리고 프로그래스바가 보여질 곳 바로 아래 넣으셔도 됩니다. 사실 position이 fixed로 되어있어서 아무곳에 넣..
반응형