使用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向左和向右滑動兩頁

回答

相關問題