首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >显示隐藏的div并滚动到它

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

Stack Overflow用户
提问于 2014-12-12 00:51:59
回答 1查看 1.1K关注 0票数 0

我正在开发一个单页面应用程序,因为我有三个div,我需要分别显示隐藏。在中间的div中,我有一些选项卡,我可以在其中执行滑动操作。

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

HTML

代码语言:javascript
复制
<div id="revolutionary">revolutionary</div>
<div id="middle">middle</div>
<div id="agendaa">agendaa</div>

JS

代码语言:javascript
复制
$(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显示后滚动操作正在工作(第二次滑动)

EN

回答 1

Stack Overflow用户

发布于 2014-12-12 01:04:58

尝尝这个

代码语言:javascript
复制
$('#revolutionary').show( 'fast', function() { this.ScrollTo(); } );

我认为实际发生的情况是,在事件处理程序返回之前,元素实际上不会被显示。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27428200

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档