jquery - 使用 jQuery 自动向下滚动动画

Question

我正在尝试使用 jQuery 动画滚动到底部按钮，当页面位于底部时会淡出。我在互联网上找到了这段代码并对其进行了修改，但我无法让它工作。

 <script>
    //to bottom
    $(document).ready(function(){

        // hide #back-top first

        $("#back-bottom").show();

        // fade in #back-top
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop()  1) {
                    $('#back-bottom').hide();
                } else {
                    $('#back-bottom').show();
                }
            });

            // scroll body to 0px on click
            $('#back-bottom a').click(function () {
                $('body,html').animate({ scrollTop: 0 }, 800);
                return false;
            });
        });

    });
    </script>

Answer 1

我认为您需要计算身体高度并将其传递给动画中的 scrollTop 参数

$('body,html').animate({ scrollTop: $('body').height() }, 800);

[在这里查看工作演示]// 链接已停止工作

Answer 2

$('#back-bottom a').click(function () {
                $('body,html').animate({ scrollTop: $('body').height() }, 500);
                return false;
            });

我想它会为你工作

Answer 3

创建了一个有效的示例小提琴：

http://jsfiddle.net/z5JNc/

将隐藏按钮的条件更改为：if($(window).scrollTop() + $(window).height() == $(document).height())

要滚动回顶部，添加了一个获取正文高度的变量： var $elem = $('body') 然后当单击链接时，将值更改为： scrollTop: $elem.height()