채택완료

페이지 접속시 맨하단으로 이동하기

2017-08-17 (목) 08:48:35 7,738

처음엔 별거 아니라고 생각했는데....

어렵네요 ㅡㅜ.

제목 그대로 페이지 접속시 맨아래 하단으로 이동된 상태로 접근을 하고 싶은데

자바스크립트나 이것저것 써보면

맨처음 접속시에는 적용되나 새로고침 하면 잘 안되네요

혹시 팁이나 아시는 분 조언 부탁 드립니다. (__)

|

답변 5개 / 댓글 3개

채택된 답변
+20 포인트

참고만 하세요...

<script>

$(document).ready(function(){ 

$('#down').click(function () { 

$('body,html').animate({ 

scrollTop: $(document).height() 

}, 400); 

return false; 

}); 

}); 

</script>

<a href="javascript:void(0);" id="down" title="하단"><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a>

<a name="bottom"></a>

해당 링크 네임을 주신후에 하단에 표기를 원하시면 링크  http://localhost/#bottom 이렇게 처리하셔도 될것입니다.

<script> 
$(function(){

$("body").scrollTop($(document).height());  

});
</script> 

답변에 대한 댓글 1개

답변 감사드립니다. (__)
답변 감사합니다. 제가 적용해봤던 코드인데 이상하게 새로고침하면 적용이 안되더라구요 ^^;;;
제 컴이 이상한지 더 확인 해봐야 겠습니다, 감사합니다 (__)

간혹 위의 태그가 잘 안먹으시면

Copy
<script src="https://code.jquery.com/jquery-1.10.2.js"></script><script>$(document).scrollTop($(document).height()+500);</script>

로 해보시는것도 

답변에 대한 댓글 1개

답변 감사합니다. 제가 적용해봤던 코드중 하나입니다.
이상하게 이코드도 새로고침하면 적용이 안되더라구요 ^^;;;
제 컴이 이상한지 더 확인 해봐야 겠습니다, 감사합니다 (__)
function scroll_go(){
$("body").scrollTop($(document).height());
}
scroll_go();

답변에 대한 댓글 1개

답변 감사합니다. 제가 적용해봤던 코드인데 이상하게 새로고침하면 적용이 안되더라구요 ^^;;;
제 컴이 이상한지 더 확인 해봐야 겠습니다, 감사합니다 (__)

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