정보/웹디자인

jQuery html 페이지 열었을때 맨하단 or 맨상단으로 부드럽게 이동되게

nanajaja 2022. 8. 19. 13:10
반응형

페이지 열면 자동으로 맨하단 이동.

<script>
$(document).ready(function(){ 
	$('body,html').animate({ 
	scrollTop: $(document).height()
	}, 400); 
	return false; 
}); 
</script>

 

 

요거는 맨 상단으로 이동할때.

페이지를 열때 id값을 지정해서 열게되면 해당 id값 위치로 이동되어 불편할 경우가 있다.

페이지 이동후 특정 탭메뉴 열리게 하다보면 아래와 같이 href를 걸게됨

<a href="/appraisal2.php#tabmenu_05" class="btn btn-primary2">more</a>

이럴때 이걸 맨 하단에 적용해주면 id값을 무시하고 맨 상단으로 이동되게 된다.

<script>
$(document).ready(function(){ 
	$('body,html').animate({ 
	scrollTop: $(document).scrollTop()
	}, 400); 
	return false; 
}); 
</script>

 

반응형