스크롤 이동 버튼

$('.targetBtn').on('click', function (e) { e.preventDefault(); let scrollPosition = $(targetArea).offset().top; $('html, body').animate({ scrollTop: scrollPosition }, 10); });
  • 파라미터 값에 따라 스크롤 이동
function getParameterByName(name) { var url = new URL( window.location.href;) if (!url.search) return ''; if (!url.search.includes(name)) return ''; return decodeURIComponent(url.search.split('=')[1]); } window.onload = function () { var scrollTo = getParameterByName('scrollTo'); if (scrollTo.includes('kcks')) { $('html, body').animate({ scrollTop: $('#targetKcks').offset().top - 60 }, 10); } if (scrollTo.includes('tshirts')) { $('html, body').animate({ scrollTop: $('#targetTshrits').offset().top - 60 }, 10); } }
JP
이중표Frontend Engineer

3년차 프론트엔드 개발자. Next.js, React, TypeScript 기반 웹 애플리케이션 개발 전문. 대규모 트래픽 환경에서 SSR·ISR 렌더링 전략 설계 경험.

이력서 보기