Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/spring-boot/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
完成SlideToLoge后的JQuery slideTo_Jquery_Slidetoggle_Scrollto - Fatal编程技术网

完成SlideToLoge后的JQuery slideTo

完成SlideToLoge后的JQuery slideTo,jquery,slidetoggle,scrollto,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","l

我有一个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');
       });       
});
我想
滚动到现在打开的div,一旦它打开(有点放松)。我尝试了一些变化,我只能让它跳转到该位置(这是因为单击按钮时元素隐藏了吗?),而不是滑动

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

非常感谢您的帮助。 先谢谢你,里昂

我已经找到了一个问题的答案:

,取自问题:

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

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});
显然,您必须根据您的情况调整它。

摘自问题:

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

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

显然,您必须根据您的情况调整它。

因此,如果我需要在动画之前添加幻灯片切换,我会这样做:button.click>slideToggle>animate?`例如:$(“#button”)。单击(function(){$(“#elementtoscrollotoid”)。幻灯片切换(function(){$('html,body')。动画({scrollTop:$(“#elementtoScrollToID”).offset().top},2000);})@Leon是的,差不多。但是由于幻灯片本身已经花费了很短的时间,我想说你可以同时触发两个动画。但是这取决于你。因此,如果我需要在动画之前添加幻灯片切换,我会这样做:button.click>slideToggle>animate?`例如:$(“#button”)。单击(function(){$)#elementtoScrollToID”).slideToggle(function(){$('html,body').animate({scrollTop:$(“#elementtoScrollToID”).offset().top},2000);});@Leon是的,差不多。但是由于幻灯片本身已经花费了很短的时间,我想说你可以同时触发两个动画。但这取决于你。