使用过渡更改页面

Question

我正在使用 div 制作一个 OnePage 站点，但在需要 "refresh page" 时我发现了一些问题。在这种情况下我不能使用 ID a href，但我需要使用转换来更改页面。

我可以使用幻灯片效果从 index.html 重定向到 page2.html 吗？

Answer 1

是的！查看 jQuery Cycle Plugin 您可以在页面之间滑动。

这是插件中的示例 JS：

$(function(){
    $("#site").cycle({
        fx : "scrollHorz",
        next : ".next a",
        prev : ".prev a",
        startingSlide : 1,
        timeout : 0
    });
  });

查看此 Fiddle 效果演示。

您可以使用的另一个选项不需要插件，下面是关于该方法的精彩教程。

http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

使用过渡更改页面

Change Pages with Transition

javascript

transition