【web前端】16.实现点击回到页面底部/顶部

  

<script src="js/jquery-3.3.1.min.js"></script>
<script>
    $(document).ready(function () {
        $('#go_up').click(function () {
            console.log('go_up');
            $('body,html').animate({
                scrollTop: 0
            }, 600);
            return false;

        });
        $('.go_down').click(function () {
            console.log('go_down');
            // var scrollHeight = $('body,html').prop("scrollHeight");
            $('body,html').animate({
                // scrollTop: document.getElementsByTagName('BODY')[0].scrollHeight
                // scrollTop: scrollHeight
                scrollTop: $('body,html')[0].scrollHeight
            }, 600);
            return false;
        });
    });
</script>