使用CSS或JS/JQuery向左和向右滑动两页

我有两个“关于”页面，并且想要在单击链接时左右滚动。这是我的标志。使用CSS或JS/JQuery向左和向右滑动两页

<div id="about"> 
    <div id="about-1"> 
     <p>Content for about 1</p> 
     <a href="#about-2">Slide to #about-2</a> 
    </div> 
    <div id="about-2"> 
     <p>Content for about 2</p> 
     <a href="#about-1">Slide back to #about-1</a> 
    </div> 
</div>

我还对我怎么想它是一个可视化表示：

我是新来这一点，希望我会得到一个简单的CSS的解决方案，尽可能因为我不知道JS/Jquery，但是如果它是更简单的方法，那就这样吧。如果没有太多要问，我也希望它能够做出反应。 :)帮助，任何人？谢谢！

来源

2015-10-05 Suika

你已经尝试到现在 – ddw147

我曾尝试以下这一点：http://jsfiddle.net/webtiki/wtvaJ/2 /但我仍然有困难。尽管如此，仍在尝试。我只是想问一个问题，因为我所看到的所有解决方案/例子都比我需要的复杂得多。 – Suika

提及你的提琴问题和你使用的那个面临的困难，你会得到什么错误 – ddw147

你有没有想过使用JQuery UI？

这里是你必须看一个例子：

function transitionPage() { 
    // Hide to left/show from left 
    $("#about-1").toggle("slide", {direction: "left"}, 500); 

    // Show from right/hide to right 
    $("#about-2").toggle("slide", {direction: "right"}, 500); 
} 

$(document).ready(function() { 
    $('#about-1').click(transitionPage); 
    $('#about-2').click(transitionPage); 
});

FIDDLE EXAMPLE

来源

2015-10-05 10:26:03

使用CSS或JS/JQuery向左和向右滑动两页

回答

相关问题