0

当点击一个链接时,整个包装滑开,而后续页面似乎滑入到位。我希望在从另一个页面单击主页时发生这种情况,但我想要一个不同的动画,具体取决于用户来自我网站的哪个位置。当用户从外部来源访问我的页面时,我不想要动画。这可能吗?

4

1 回答 1

0

这是绝对可能的。

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

例如,您可以在包装器中拥有两个或更多(如果需要)内容容器。当用户单击链接时,您可以将内容加载到不可见的容器中,或者仅将容器中已有内容(取决于您的站点的需要),然后根据需要对其进行动画处理。

要知道您的用户来自哪里,可以通过历史 api 更改 url(查看 history.js),因为通常最好为站点的不同内容拥有唯一的 url,或者只是将当前位置保存在变量中。然后,您可以解析 url 或检查 location 变量的值,然后再在新内容中制作动画。您当然应该推送新的网址或将新位置保存到位置变量之后。

当用户来自外部来源时,只需正常加载页面,无需 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
   });

我相信你可以弄清楚其余的。

于 2013-07-14T21:15:39.620 回答