jQuery/HTML - 水平滾動

Question

我在滾動時遇到了麻煩......我想要做的是點擊一個按鈕後，讓一個div向左滾動，另一個滾動向右/一個向外，第二個。但是我可以'找到任何解決方案，我有困難迫使第二個div旁邊的第一個隱藏它...任何想法？

Website

Answer 1

我看了你的問題，這是我所理解的;

您正在嘗試動畫與另一格一格，這裏是解決方案：

查看了工作示例小提琴：http://jsfiddle.net/HNY7R/

HTML

<div id="container"> 
    <div class="main"></div> 
    <div class="second"></div> 
</div> 

<input type="button" id="push" value="push me" /> 

CSS

#container 
{ width: 400px; height: 200px; position: relative; border:1px solid black; overflow: hidden; } 

.main 
{ width: 400px; height: 200px; position: absolute; left: 0; top: 0; background: green; } 

.second 
{ width: 400px; height: 200px; position: absolute; left: 400px; top: 0; background: red; } 

jQuery

$('#push').click(function(){ 

     var main = $('.main').css('left'); 
     var second = $('.second').css('left'); 

     if(main == '-400px'){ 
      $('.second').animate({ 'left' : '400px' }, 500); 
      $('.main').animate({ 'left' : '0px' }, 500); 
     } else { 
      $('.second').animate({ 'left' : '0px' }, 500); 
      $('.main').animate({ 'left' : '-400px' }, 500); 
     } 


    });