Jquery 显示隐藏的div并滚动到它

我正在开发一个单页应用程序，因为我需要分别显示三个div。在中间的分区中，我有执行滑动的选项卡

我使用Hammer.js进行滑动，使用jquery-scrollto.js进行滚动

HTML

在这里，当我旋转灯光时，底部将显示一个div，然后滚动到该div。 当我滑动左键时，应首先显示顶部的一个div，然后滚动到该div

这里发生的是，滚动动画适用于底部div，但不适用于顶部div

编辑：滚动到底部div也不起作用，显示div后滚动动作起作用（第二次滑动）

试试这个

$('#revolutionary').show( 'fast', function() { this.ScrollTo(); } );

我认为发生的事情是，直到事件处理程序返回，元素才真正显示出来

$(document).ready(function(){
var revolution = document.getElementById('revolution');
var rev = new Hammer(revolution);

rev.on("swiperight", function(event) {
    alert('swiped');
    $('#agendaa').css('display', 'block').ScrollTo();
});

//Agenda
var agenda = document.getElementById('agenda');
var agen = new Hammer(agenda);

agen.on("swipeleft", function(event) {
    //alert('swiped');
    $('#revolutionary').css('display', 'block').ScrollTo();

});
});

$('#revolutionary').show( 'fast', function() { this.ScrollTo(); } );