Top으로 스크롤 되면서 돌아가기... (by sisims)

웹팁

글 등록하기 | 내글 관리하기 | 연재글 | 보관함

2014.09.29 15:22 조회 수

1488

이온디

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

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

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

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

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

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

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

첨부파일

Total 235 articles in 9 / 12 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
75	[Script] 간단한 javascript 페이징 처리 - 미니페이지	2014/06/16
74	[Script] 슬라이드 이미지	2014/06/16
	[Script] Top으로 스크롤 되면서 돌아가기... (by sisims)	2014/09/29
72	[jQuery] jQuery Image Slider and Gallery	2015/05/27
71	[Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit)	2015/06/21
70	[프레임워크] http://getuikit.com	2015/08/09
69	[프레임워크] jquery-steps.com	2015/08/10
68	[프레임워크] http://pages.revox.io/doc/jquery/form_wizard.php	2015/08/10
67	[프레임워크] http://view.jquerymobile.com/master/demos/	2015/08/10
66	[반응형 웹] responsive-animated-block-menu	2015/08/15
65	[반응형 웹] [다음 TROY] 기기별 모바일 해상도 테스트 할 수 있는 사이트	2015/08/22
64	[반응형 웹] 모바일 실제 해상도와 device-width	2015/08/24
63	[위지윅에디터] Web-Based HTML Editor 비교 및 미리보기	2015/08/25
62	[위지윅에디터] 오픈소스 HTML 기반의 위지윅 에디터	2015/08/25
61	[위지윅에디터] 기타 위지윅 에디터	2015/08/25
60	[위지윅에디터] ckeditor 공식사이트	2015/08/25
59	[반응형 웹] 반응형웹(MediaQuery) 템플릿	2015/08/26
58	[반응형 웹] 반응형 템플릿 (naradesign)	2015/08/26
57	[부트스트랩] New Bootstrap 4 alpha	2015/08/27
56	[Script] jQuery Cookie(쿠키) 처리 [출처] jQuery Cookie(쿠키) 처리\|작성자 주용준	2015/08/27