javaScript 링크에서 페이지 스크롤을 막는 방법을 클릭하십시오 :

앵커 태그에서 javaScript 이벤트를 트리거 할 때 이벤트가 끝난 후 페이지 점프 문제를 겪는 것이 일반적입니다. 화재.

솔루션 :

이 원치 않는 동작을 방지하려면 클릭 이벤트의 기본 동작을 억제해야합니다. 이것은 두 가지 방법을 사용하여 달성 할 수 있습니다 :

1. event.preventDefault () :

$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

이벤트 핸들러에 전달 된 이벤트 객체에서 .preventDefault () 메소드를 호출하여 링크 대상으로 탐색하는 기본 동작을 방지 할 수 있습니다. (jQuery) :

$ ( '#my-link'). 클릭 (function (event) { event.preventDefault (); // JavaScript 코드는 여기에 있습니다 });

$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

example (dom) :

document.getElementById ( 'my-link'). addeventListener ( 'click', function (event) { event.preventDefault (); // JavaScript 코드는 여기에 있습니다 });

2. return false :

$('#my-link').click(function(event) {
  // Your JavaScript code here
  return false;
});

RAW DOM 이벤트를 사용하는 경우 이전 브라우저와의 호환성을 최대한 활용하려면 .preventDefault ()를 명시 적으로 호출하는 것이 좋습니다. 자세한 내용은 event.preventDefault () vs. return false의 문서를 참조하십시오.