이전 목록 다음
채택완료

다음뉴스처럼 세로스크롤인데 가로로 표시하는법

freed
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-03-22 (목) 18:45:02 4,044

안녕하세요

http://v.media.daum.net/v/20180322152447830

다음 뉴스 페이지는 세로스크롤인데 상단에 가로형으로 나오고 스크롤 길이가 색으로 처리되는데

이거 검색 왠만큼 해봐도 안나오네요

플러그인도 아니고 그냥 css같긴한데 외국사이트에도 한국사이트에도 못찾겠네요

혹시 팁이나 관련 소스 볼수있는데 있을까요?

감사합니다.

다음 뉴스 가로스크롤 스크롤 세로스크롤
|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
뽁뽁스
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-03-22 (목) 19:28:29

문서(document) 높이값 구한 다음 스크롤 할 때 %로 스타일 넣음 됩니다.

아래 링크 참고해보세요.

http://jsfiddle.net/xanfar/Uwb55/3/

답변에 대한 댓글 2개

뽁스
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-03-22 (목) 19:46:15
jquery plugin 도 있네요~
scroll progress bar 로 검색해보면 됩니다.

https://www.jqueryscript.net/other/jQuery-Plugin-For-Animated-Scroll-Progress-Bar-scrollProgress-js.html
freed
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2018-03-22 (목) 23:05:06
오오오 너무나 감사합니다 덕분에 잘 해결했습니다 :)
감사합니다!!!

답변을 작성하려면 로그인이 필요합니다.