Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
滚动至顶部,JavaScript和CSS不起作用_Javascript_Jquery_Html_Css_Scroll - Fatal编程技术网

滚动至顶部,JavaScript和CSS不起作用

滚动至顶部,JavaScript和CSS不起作用,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,我一直在试图实现一个平滑的滚动到顶部使用 现在我有了以下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="nofo

我一直在试图实现一个平滑的滚动到顶部使用

现在我有了以下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>
我希望它能在1秒内顺利滚动到页面顶部

但是,当我单击“返回顶部”时,它会立即转到顶部,控制台会向我提供以下错误:


任何关于问题解决方案的想法都将不胜感激。

它抛出该错误,因为它找不到id为
top
的元素

查看您的代码,您的
id
名称中有一个错误

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

应该是

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


您的id为#top,这就是您的选择器不匹配的原因您没有与
top的
id
匹配的元素。如果你想进入页面顶部,只需使用
scrollTop:0
谢谢,伙计们,找到了。典型的星期一:PAh,这是一个新手犯的错误,谢谢你发现了!我很快就会接受:)@BarryMichaelDoyle发生在我们最好的人身上!
<a id="#top"></a> 
<a id="top"></a>