使用jQuery自动设置动画向下滚动

我试图使用jQuery制作一个动画滚动到底部按钮，当页面位于底部时，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>

//到底
$（文档）.ready（函数（）{
//藏起来#先放在后面
$（“#后底”）.show（）；
//淡入式#后车顶
$（函数（）{
$（窗口）。滚动（函数（）{
if（$（this.scrollTop（）1）{
$（“#后底”）.hide（）；
}否则{
$（“#后底”）.show（）；
}
});
//单击可将正文滚动到0px
$（“#后底a”）。单击（函数（）{
$（'body，html'）.animate（{scrollTop:0}，800）；
返回false；
});
});
});

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

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

---

[检查此处的工作演示]//链接已停止工作

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

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

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

[检查此处的工作演示]//链接已停止工作

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

我想这对你有用

---

我想它会对你有用的

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

将隐藏按钮的条件更改为：

if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（））

要滚动回顶部，请添加一个获取主体高度的变量：

var$elem=$（'body'）

然后单击链接时，将值更改为：

---

scrollTop:$elem.height（）

创建了一个可以工作的小提琴示例：

将隐藏按钮的条件更改为：

if（$（窗口）.scrollTop（）+$（窗口）.height（）==$（文档）.height（））

要滚动回顶部，请添加一个获取主体高度的变量：

var$elem=$（'body'）

然后单击链接时，将值更改为：

---

scrollTop:$elem.height（）

你能展示你的html标记来创建一个提琴吗？请大家看看到底出了什么问题。很难猜测，你能不能展示你的html标记来创建一个提琴，这样人们就可以准确地看到哪里出了问题。很难猜测谢谢我真的很感激，请给我那个演示链接谢谢我真的很感激，请给我那个演示链接应该可以滚动到底部，但是，当按钮不在底部时，显示按钮的代码中也有一个错误。非常感谢，它工作得很好，但是有两个问题1它不会平滑滚动，2它不会消失。请告诉我如何实现感谢首先认为你需要的是平滑滚动，从500增加到1000，或者你需要多少，具体取决于此淡出使用此代码$（'#后底a'）。淡出（'slow'）；（在此代码之后，使用淡出代码$（'body，html'）。animate（{scrollTop:$（'body'）。height（）}，500；）应该可以用于滚动到底部，但是，当按钮不在底部时，显示按钮的代码中也有一个错误。非常感谢，它工作得很好，但是有两个问题1它不会平滑滚动，2它不会消失。请告诉我如何实现感谢首先认为你需要的是平滑滚动，从500增加到1000，或者你需要多少，具体取决于此淡出使用此代码$（'#后底a'）。淡出（'slow'）；（在此代码之后使用淡出代码$（'body，html'）.animate（{scrollTop:$（'body'）.height（）}，500）；）