添加jq点击事件后，页面怎么返回到顶部

问题：在同一个页面中，添加点击事件，点击之后页面怎么返回到顶部？

解决方案：在点击事件里设置body的scrollTop为0，（body元素的scrollTop指的是超出“浏览器窗口上边界”的内容的高度）;

代码实现：<div id="top" >top</div>

                 <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>

                 <script type="text/javascript">

                 $(function(){
                    $("#top").click(function() {
                    $("html,body").animate({scrollTop:0}, 500);
                }); 
                })