자동 스크롤 : 페이지 위로 돌아 가기 중지

Question

사용자가 한 링크를 클릭하여 페이지를 자동으로 내려 읽기 시작을 쉽게 할 수있는 페이지가 있습니다. 사용자가 스크롤을 멈추기 위해 클릭하는 또 다른 링크가 있습니다. 전자는 완벽하게 작동하지만 후자는 페이지의 해당 위치에서 스크롤을 멈추는 대신 클릭 할 때 페이지가 맨 위로 돌아가도록합니다. 어떤 아이디어?

function pageScroll() { 
    window.scrollBy(0,1); // horizontal and vertical scroll increments 
    scrolldelay = setTimeout('pageScroll()',50); // scrolls every 100 milliseconds 
} 
function stopScroll() { 
    clearTimeout(scrolldelay); 
} 

는 내가 다른 게시물에 읽은 어떤에서 두 번째 기능에 return false;를 추가하려고하지만, 도움이되지 않았다. 아무리해도 수익의 사용을 완전히 이해하지 못합니다. 어떤 도움을 주셔서 감사합니다.

Answer 1

난 당신이 같은 일을한다고 가정 : 다음과 같이

이

<a href="#" onclick="pageScroll();">start</a> 
<a href="#" onclick="stopScroll();">stop</a> 

가장 빠른 수정이 onclick 이벤트 핸들러에서 false를 반환하는 것입니다 :

<a href="#" onclick="pageScroll(); return false;">start</a> 
<a href="#" onclick="stopScroll(); return false;">stop</a> 

아이디어는 중지하는 것입니다 브라우저는 이벤트의 기본 동작을 수행하지 않습니다 (이 경우 페이지 상단으로 스크롤되는 #으로 이동). 요즘 더 현대적인 방법은 이벤트 핸들러 함수를 바인드 한 다음 e.preventDefault()을 사용하지만 return false;은 여전히 ​​이전 스타일의 이벤트 속성에 대해 작동합니다.