첨부파일 https://eond.com/coding/350899

문서가 길어져서 스크롤이 길어지는 경우
보통 'top'이라는 버튼을 두어서 가장 위로 올라가게 합니다.
이때 그냥 페이지가 바뀌면서 돌아가는 것이 아니라...
현재 위치에서 스크롤 되면서 돌아가게 됩니다.

제 홈에서 써먹어 볼라고 만들어 봤는데 괜찮은거 같아서...
이렇게 같이 써먹어 보자고... 올려봅니다 ^^

끝으로 스텝값이나 가속값 같은것은 적절하게 조절해서 사용하시면 되겠습니다 :)


#파이어폭스나 크롬에서는 동작하지 않습니다.

scrollLeft나 scrollTop은 브라우저의 scroll bar의 값을 구하는 메서드입니다.


document.body.scrollTop 을 document.documentElement.scrollTop 으로 대체해봐도 안되네요. - _-;


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 221 articles in 1 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
221 [Script] 비밀글 주민등록번호 검사 스크립트 2013/09/17
220 [프레임워크] 비밀글 Bulma Customizing 2018/08/27
219 Web Fundamentals 2020/05/02
218 [반응형 웹] 모바일 사이드바 만들기 2020/04/10
217 [반응형 웹] 기기별 미디어쿼리 사이즈,모바일 디바이스별 사이즈 파일 2020/05/02
216 [svg] jenkov svg tutorial 2015/11/27
215 [프레임워크] 재사용 UI 컴포넌트 설계 (by SK Planet FE개발자 윤지수, 2016/04/04) 2018/05/27
214 [반응형 웹] responsive-animated-block-menu 2015/08/15
213 [svg] 점점점 more 아이콘 svg 파일 2015/11/26
212 [프레임워크] uikit 파일 2017/12/27
211 [프레임워크] 자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃 2018/05/27
210 [svg] svg 색깔 칠하기 2015/11/27
209 [프레임워크] igniteui 2015/12/24
208 [svg] SVG 표현하는 5가지 방법 2015/11/26
207 [프레임워크] Material design 2020/07/02
206 [부트스트랩] Bootstrap 3 offset on right not left 2018/04/17
205 [프레임워크] 베스트 10 리액트 UI 라이브러리(10 Best React UI Library) 파일 2018/05/27
204 [부트스트랩] [부트스트랩UI] http://lambdathemes.in/ 2015/12/18
203 [프레임워크] Bootstrap Customize Site 2018/08/30
202 [위지윅에디터] 기타 위지윅 에디터 2015/08/25

해시태그 디렉터리