在slideToogle完成后,JQuery slideTo

时间:2013-10-08 18:15:27

标签: jquery slidetoggle scrollto

我有这个jquery代码,它成功地使用slideToggle来打开和关闭下面的div。

$('#map-wrap').slideUp("fast");
$('#get-here-btn').click(function() {
    if (!$("#map-wrap").is(":visible"))
    $('#get-here-btn').addClass("active").html('Close');

    $("#map-wrap").slideToggle("fast","linear",function() { 
    if (!$("#map-wrap").is(":visible"))
        $('#get-here-btn').removeClass("active").html('How to get here');
       });       
});

我希望scrollTo现在开放的div一旦打开(有某种缓和)。我尝试了一些变化,我只能让它跳到这个位置(这是因为单击按钮时隐藏了元素?)而不是滑动。

我知道我应该将scrollTo添加到slideToggle函数中,但我不知道在哪里?

任何帮助非常感谢。 提前谢谢,莱昂

我已经敲了一个JSFiddle:http://jsfiddle.net/leonharris/rZqwx

1 个答案:

答案 0 :(得分:0)

取自this问题:

假设您有一个带有“按钮”的按钮,请尝试以下示例:

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

显然你必须适应你的情况。