무한 스크롤관련 질문드립니다. 채택완료

ajax 로 불러온 코드

<div class="good">

    <ul class="get_list">

          <li no="11">컨텐츠</li>

          <li no="12">컨텐츠</li>

          <li no="13">컨텐츠</li>

          <li no="14">컨텐츠</li>   ->>>> 뒤로가기전 클릭한 컨텐츠

          <li no="15">컨텐츠</li>

          <li no="16">컨텐츠</li>

          <li no="17">컨텐츠</li>

          <li no="18">컨텐츠</li>

    </ul>

</div>

무한스크롤을 하고 선택된 페이지 컨텐츠 8개만가져왔습니다.

그런데,

뒤로가기를 했을때 위치로 이동할려고 하는되요

일반적으로 세션에 저장 된 스크롤 위치로는 찾지를 못하더라구요

혹시 방법이 있을까요? 조언 부탁드립니다.

IntersectionObserver 이부분을 할용해서 무한 스크롤 및 뒤로가기 구현 중인되요

익숙지가 않아서 잘 안되네요

혹시 샘플이나, 조언 구합니다.

아래는 리스트 호출하는 부분입니다.

988402489_1683894715.6906.png

답변 3개

채택된 답변
+20 포인트

세션 스토리지 사용해보세요~

로그인 후 평가할 수 있습니다

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

Ajax로 페이지를 요청하고 URL의 hash를 변경하는 방법은 여러 가지가 있습니다. 예를 들어, jQuery의 ajax() 함수를 사용하여 페이지를 요청하고 hashchange 이벤트를 사용하여 hash가 변경될 때마다 페이지를 업데이트할 수 있습니다.

아래는 jQuery의 ajax() 함수와 hashchange 이벤트를 사용하여 페이지를 요청하고 hash가 변경될 때마다 페이지를 업데이트하는 예시입니다.

$(window).on('hashchange', function() {
    $.ajax({
        url: window.location.hash.substr(1),
        success: function(data) {
            $('#content').html(data);
        }
    });
});

위 코드에서는 hashchange 이벤트가 발생할 때마다 ajax() 함수를 사용하여 window.location.hash에 지정된 URL을 요청합니다. 그리고 성공적으로 데이터를 받으면 #content 요소에 데이터를 삽입합니다.
로그인 후 평가할 수 있습니다

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

구글에서 ajax 뒤로가기 hash 로 검색해서 한번 참고해보세요.

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고