jQuery 라이브러리를 사용하여 웹 페이지의 하단 위치를 확인하고 필요한 경우 페이지 요소를 조정합니다.

요구 사항:

사용jQuery바닥 페이지가 가시적 범위에 나타나면 바닥 페이지 상단에서 창 하단까지의 거리를 계산하고 거리를 + 60 px 로 변경하여 . freecatalog 에 bottom 속성을 추가합니다.

솔루션:

$(document).ready(function() {
  checkFooterPosition();
});

$(window).scroll(function() {
  checkFooterPosition();
});

function checkFooterPosition() {
  var windowBottom = $(window).scrollTop() + $(window).height();
  var footerTop = $('footer').offset().top;
  var A = $(document).width();
  if (A > 1280) {
  if (windowBottom >= footerTop) {
     var distance = windowBottom - footerTop + 60;
     $('.freecatalog').css('bottom', distance);
  } else {
     $('.freecatalog').css('bottom', '');
  }
}
}

이 코드는 jQuery 라이브러리를 사용하여 페이지 하단의 위치를 확인하여 필요한 경우 페이지 요소를 조정합니다.특히, 창 스크롤 또는 페이지 로드가 완료되면 "checkFooterPosition ()" 이라는 함수가 호출되어 페이지 하단의 위치를 확인합니다.브라우저 폭이 1280 픽셀보다 큰 경우 페이지의 맨 아래에 도달했는지 확인합니다.페이지 하단에 도달하면 "freecatalog" 이라는 요소가 바닥글과 겹치지 않도록 60 픽셀 위로 이동합니다.페이지의 맨 아래에 도달하지 않으면 조정하지 않습니다.