Прокрутите страницу вверх, пока JavaScript и CSS не работают

Question

Я пытался реализовать плавный прокрутку вверх, используя this CSS-Tricks Snippet.

Теперь у меня есть следующий HTML:

<!-- At the top of the page --> 
<p id="content_jump" class="hide"> 
    <a id="#top"></a> 
</p> 

<!-- A bunch of content --> 

<!-- At the bottom of the page --> 
<a rel="nofollow" href="#top" id="backtotop" title="Go to top" onclick="scrollToTop();"> 
    Back to Top 
</a> 

Тогда я следующий сценарий:

function scrollToTop() { 
    $('html, body').animate({ 
     scrollTop: $("#top").offset().top 
    }, 1000}; 
    return false; 
} 

Я ожидаю, что это плавно перейти к верхней части страницы, в течение периода от 1 секунды ,

Однако, когда я нажимаю «Вернуться к началу» он мгновенно переходит в верхней части, а консоль дает мне следующее сообщение об ошибке:

Uncaught TypeError: Cannot read property 'top' of undefined 
    at scrollToTop ((index):274) 
    at HTMLAnchorElement.onclick (VM1390 :245) 

Любая идея о решении проблемы были бы оценены.

Answer 1

Это ошибка, потому что она не может найти ваш элемент с id от top.

Ознакомившись с вашим кодом, вы указали в своем id имя.

<a id="#top"></a> 

должен быть

<a id="top"></a>