jQuery scrollTop只能运行一次

$(document).ready(function() {
$("div.ftropen")
    .click(function(){
        $("div#connect").animate({height: "500px" },"fast");                                              
        $("div#ftrconnect").fadeOut("fast");  //hide connectbtn
        $("div#ftrhide").fadeIn("fast");  //show hidebtn
        $("#connect").scrollTop($("#connect").scrollTop() + 500);
    return false;
});
$("div.ftrclose")
    .click(function(){
        $("div#connect").animate({height: "0px" },"fast");                                            
        $("div#ftrhide").fadeOut("fast");  //hide hidebtn
        $("div#ftrconnect").fadeIn("fast");  //show connectbtn
    return false;
});
});

似乎有一个问题,jquery.anchor.js库给了我Uncaught TypeError：无法在Chrome 14中读取null jquery.anchor.js：32的属性’top’.我已将其评论出来并替换了open函数有：

$("div.ftropen").click(function(){
    $("div#connect").animate({height: "500px" },"fast",function() {
        $("body").scrollTop( $("#connect").position().top);
    });                                    
    $("div#ftrconnect").fadeOut("fast");  //hide connectbtn
    $("div#ftrhide").fadeIn("fast");  //show hidebtn
    return false;
});

将正文滚动到< div id =“connect”>的顶部

我会看看我是否可以获得锚动画插件工作…

实际上Anchor Slider插件似乎干扰了你的< div>完全点击事件. < a>点击首先发生并消耗该事件.我认为您需要决定使用Anchor Slider插件来动画“滚动到”或代码中的jQuery animate().

编辑：如果删除jquery.anchor.js脚本,请使用以下目标

<div id="connect" style="height:0px; display:block;"><a style="display:block;margin-top:500px;height:100px;" id="target" name="target">f</a></div>

这个JavaScript：

$(document).ready(function() {
    $('div.ftropen').click(function(event){
        $('div#connect').animate({height: '500px' },'fast',function() {
            $('body').animate({scrollTop : $('#target').position().top + 500},700);
        });
        $('div#ftrconnect').fadeOut('fast');  //hide connectbtn
        $('div#ftrhide').fadeIn('fast');  //show hidebtn
        event.stopPropagation();
        return false;
    });
    $('div.ftrclose')
        .click(function(){
            $('div#connect').animate({height: '0px' },'fast');
            $('div#ftrhide').fadeOut('fast');  //hide hidebtn
            $('div#ftrconnect').fadeIn('fast');  //show connectbtn
        return false;
    });
});

将滚动动画为< a id =“target”>什么时候< div>高度动画已经完成.

编辑2：Added a demo.