$("html").animate({scrollTop: $(document).height() }, "慢");如果它在底部，请不要滚动它

我有三个隐藏 div 的按钮，当我单击一个按钮时，我希望内容滚动到底部，然后当我单击另一个按钮时，我希望页面保持在原来的位置，但加载新内容。

我尝试过变量和 if 语句

var i=0;
$('#link-slide13').click(function(){
        if (i==0){//nothing's been scrolled
            $("html").animate({ scrollTop: $(document).height() }, "slow");
            i=1;

        }else{
            //don't do anything
        }
});

有任何想法吗？ 感谢您的回答！

编辑：抱歉，我真的认为我没有解释清楚自己，http://ephemurl.com/4w/5ws这是我目前所拥有的，最后 6 个部分弹跳滚动到文档底部，但我希望这种情况只发生一次，然后接下来的 5 次点击不会产生动画，因为你已经在那里了。 ..

只需使用 $(body) 而不是 $(html)

demo http://jsfiddle.net/APebY/

$(function(){
var i=0;
$('#link-slide13').click(function(){
        if (i==0){//nothing's been scrolled
            $("body").animate({ scrollTop: $(document).height() }, "slow");
            i=1;

        }else{
            //don't do anything
        }
});
});

您还可以在事件触发器中使用 unbind 使其仅运行一次

$('#link-slide13').click(function(){

            $("body").animate({ scrollTop: $(document).height() }, "slow");

            $(this).unbind("click");
});