Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.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
meteor中的页面转换?_Meteor_Iron Router_Meteor Blaze - Fatal编程技术网

meteor中的页面转换?

meteor中的页面转换?,meteor,iron-router,meteor-blaze,Meteor,Iron Router,Meteor Blaze,我有一个meteor移动应用程序在结构上工作;我真的需要将视图与一些页面转换缝合在一起 我看了这个项目,但看起来好像开发已经停止了?(上一次提交是在6个月前,仍在使用Spark engine) 我还研究了一些UI“移动框架”(Ratchet,Framework7),但我无法让它们与meteor服务器配合使用 我想知道是否有人知道我可以尝试的其他简单(左/右)页面转换包/脚本?这只是为了给我的用户界面带来一些(预期的)流畅性。使用IronRouter的jQuery怎么样 Router.config

我有一个meteor移动应用程序在结构上工作;我真的需要将视图与一些页面转换缝合在一起

我看了这个项目,但看起来好像开发已经停止了?(上一次提交是在6个月前,仍在使用Spark engine)

我还研究了一些UI“移动框架”(Ratchet,Framework7),但我无法让它们与meteor服务器配合使用


我想知道是否有人知道我可以尝试的其他简单(左/右)页面转换包/脚本?这只是为了给我的用户界面带来一些(预期的)流畅性。

使用IronRouter的jQuery怎么样

Router.configure({
  load: function() {
    $('.content').animate({
      left: "-1000px",
      scrollTop: 0
    }, 400, function() {
        $(this).animate({ left: "0px" }, 400);
    });
});
为了在页面之间平滑过渡,我还使用了一个简单的fadeIn/fadeOut

Router.configure({
  load: function() {
    $('html, body').animate({
      scrollTop: 0
    }, 400);
    $('.content').hide().fadeIn(800);
  }
});
我吃了一顿饭。让我们知道上面的JQ方法是如何工作的!如果你加上,你会得到很好的硬件转换。 FWIW我认为Percolate团队正在为他们的Verso移动应用程序使用IronTransitioner的一个版本,它有一些不错的CSS3转换。你试过这个包裹吗?正如你所说的/devel/甚至已经有6个月没有人碰过了

EDIT有这样一条评论:“好吧,看起来很适合blaze。”

我建议使用该库,并在模板的主要内容中添加动画类。我的“主”模板现在如下所示:

<template name='home'>
{{> navbar}}

<div class="container animated fadeIn" id="content">
    {{> startBox}}
</div>

{{> notification}}

<div id='background-image'></div>
<div id='background-color'></div>

{{> footer}}</template>

{{>navbar}
{{>startBox}
{{>通知}
{{>页脚}

谢谢Julien,这是一个很好的简单方法!我想在可能的情况下使用一些CSS3转换,因为它们会更平滑,并且我还想给出方向指示。也许我需要编写一个可以传递一些信息的函数(转换、元素等)?我是否仍应尝试在load方法中使用它?例如
load:pageTrans('left','#mainContent')
?是的,我认为load方法是做类似事情的完美地方。:)我和你在同一条船上。blaze分支是最新的:iron transitioner分支自从我发布这个问题以来没有改变,最后一次登记是在22天前(5月7日),仍然是指旧的{yield}etcAh ok。我设法用那个包裹使转运工作得很容易。然而,选择的余地有些有限。不可能在不同路线之间过渡。您是否成功地使所有内容都与CSS3动画一起工作?