Animation 独特的主页访问动画。可能的

Animation 独特的主页访问动画。可能的,animation,indexing,slider,unique,Animation,Indexing,Slider,Unique,当点击一个链接时,整个包装器就会滑开,继续的页面就会滑入原位。我希望在从另一个页面单击主页时发生这种情况,但我希望根据用户来自我的站点的位置使用不同的动画。当用户从外部源访问我的页面时,我不想要动画。这可能吗?这是可能的 您可以使用javascript/ajax在站点中导航 例如,包装器中可以有两个或多个(如果需要)内容容器。当用户单击链接时,您可以将内容加载到视图之外的容器中,也可以将容器中已经包含内容(取决于站点的需要),然后根据需要对其设置动画 要知道用户来自何处,可以通过history

当点击一个链接时,整个包装器就会滑开,继续的页面就会滑入原位。我希望在从另一个页面单击主页时发生这种情况,但我希望根据用户来自我的站点的位置使用不同的动画。当用户从外部源访问我的页面时,我不想要动画。这可能吗?

这是可能的

您可以使用javascript/ajax在站点中导航

例如,包装器中可以有两个或多个(如果需要)内容容器。当用户单击链接时,您可以将内容加载到视图之外的容器中,也可以将容器中已经包含内容(取决于站点的需要),然后根据需要对其设置动画

要知道用户来自何处,可以通过history api(check out history.js)更改url,因为为站点的不同内容提供唯一的url通常是好的,也可以将当前位置保存在变量中。然后,在新内容中设置动画之前,可以解析url或检查位置变量的值。当然,您应该在之后推送新url或将新位置保存到位置变量

当用户来自外部源时,只需按正常方式加载页面,无需javascript动画

非常简单的例子:

    $("#home-btn").on('click', function(){
        //check where user's coming from, 
        //animate and show home content,
        //push, save current location
    });

我相信你能解决剩下的问题

   $(".all-btns").on('click', function(){
      var $this = $(this);
      //check where user's coming from,

      if($this.attr('id') == 'home-btn'){
          //animate and show home content
      } else {
          //animate and show other content
      }

      //push, save current location
   });