auto scroll: stop jump back to top of page

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 обработчиков событий, например:

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

Идея заключается в том, чтобы остановить браузер выполнит действие по умолчанию для события (в этом случае, перейдя на #, который прокручивается вверху страницы). В настоящее время более современный способ заключается в привязке функции обработчика событий, затем в нем используется e.preventDefault(), но return false; по-прежнему работает для атрибутов событий старого стиля.