버튼을 클릭하고 새 콘텐츠로 동일한 페이지를 다시로드합니다. 다시로드가 완료되면 문서를 완전히 아래로 스크롤하겠습니다. jQuery를 사용하여 어떻게 할 수 있습니까?
$('#loadBtn').click(function () {
//some logic
window.location = url;
window.scrollBy(0, $(document).height())
});
문제는 페이지가 다시로드되기 전에 scrollBy가 호출된다는 것입니다. 아래와 같이 클릭 이벤트 후 체인을 시도했지만 '준비'이벤트마다 스크롤이 발생합니다.
$('#loadBtn').click(function () {
//some logic
window.location = url;
}).on('ready',function() {
window.scrollBy(0, $(document).height())
});
내 질문은 페이지를 다시로드하고로드 될 때까지 기다린 다음 문서를 스크롤하는 방법입니다. 감사!
가장 쉬운 방법은 URL에 #something을 사용하는 것입니다.
window.location = url+'#id_ef_element_you_scroll_to';
그리고 두 번째 페이지에서 예를 들어 id를 추가 할 수있는 html 태그를 찾으십시오.
<div id='id_ef_element_you_scroll_to'> ... </div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다