내부에 이미지를 거의 넣지 않고 제한없이 스크롤 (위아래, 오른쪽에서 왼쪽으로) 할 수있는 HTML 페이지를 만들고 싶습니다 (이미지가 스스로 반환 됨).
이에 대한 좋은 예가 있습니다 : MacDonalds Favorites .
나는 페이지의 높이를 계산하는 js 코드를 시도했고 그가 페이지의 끝에 왔을 때-그는 그의 맨 위로 스크롤합니다.
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
window.scrollTo(0,0);
}
});
무한 스크롤 메서드는 여기에 작성한 것과 유사한 jQuery를 호출합니다. 그러나 표시 할 추가 데이터도 가져와야하며, 이는 다양한 방법으로 수행 할 수 있습니다.
이미 jQuery를 사용하고 있으므로 해당 라이브러리에서 .ajax () 메서드를 사용하는 것이 좋습니다.
$.ajax({
url: "http://your-url-here.com/extra-content.html",
}).done(function(html) {
$("#results").append(html);
});
.ajax 메소드에 대한 자세한 정보는 jQuery 문서를 참조하십시오 : https://api.jquery.com/jQuery.ajax/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다