我正在开发一个单页面应用程序,因为我有三个div,我需要分别显示隐藏。在中间的div中,我有一些选项卡,我可以在其中执行滑动操作。
我使用Hammer.js进行滑动,使用jquery-scrollto.js进行滚动
HTML
<div id="revolutionary">revolutionary</div>
<div id="middle">middle</div>
<div id="agendaa">agendaa</div>JS
$(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();
});
});在这里,当我向右滑动时,底部将显示一个div,然后滚动到该div。当我向下滑动时,顶部的一个div将首先显示,滚动到该div。
这里发生的情况是,滚动动画在底部div上有效,但在顶部div上无效。
编辑:滚动到底部div也不起作用,在div显示后滚动操作正在工作(第二次滑动)
发布于 2014-12-12 01:04:58
尝尝这个
$('#revolutionary').show( 'fast', function() { this.ScrollTo(); } );我认为实际发生的情况是,在事件处理程序返回之前,元素实际上不会被显示。
https://stackoverflow.com/questions/27428200
复制相似问题