본문 바로가기
소프트웨어 개발/javascript

javascript - 자바스크립트 페이지 맨 위로 이동 스크롤 window.scroll

by 인생은즐겁게 2023. 2. 7.
반응형

 

 

javascript - 자바스크립트 페이지 맨 위로 이동 스크롤 window.scroll

 

테스트를 하기위해서 p태그를 삽입하였습니다. 실제 사용시 제거하시고 사용하시길 바랍니다.

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>lodash</title>
 </head>
 <body>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	 <p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
			 <a href="javascript:block_mouse_right();">테스트 스크롤 이동</a>
	 <script>
	 function block_mouse_right(){

		window.scroll({
			top: 0, 
			left: 0, 
			behavior: 'smooth' 
		});
	}
	 </script>

	
 </body>
</html>

 

 

반응형

댓글