Question

请查看http://users.sch.gr/ellhn。通过单击顶部链接，可以进行两个动画：一个将当前内容拖动到左侧，另一个将新内容拖动到浏览器窗口的中心。

 $("#menu_choice4").click(function () {                              
 $('#content_home').animate({ "left": screenwidth }, 1500 );             
 $('#content_main').animate({ "left": screenwidth},1500);   
 $('#content_creations').animate({ "left": screenwidth }, 1500 );            
         setTimeout( function() {pack4()},900);
         function pack4(){
               $('#content_home').hide();
            $('#content_main').hide(); 
                            $('#content_creations').hide();
            var x4=$("body").width()/2;           
                    var y4=$("#content_mail").width()/2;
            $('#content_mail').animate({ 'left': x4-y4}, 1200 );    
         }           
         $('#content_mail').show();          
      });

在上面的代码中，＃menu_choice4表示最后一个顶部链接，而＃content_home，＃content_main，＃content_creations，＃content_mail是包含除了每个选项的顶部链接之外的所有内容的div。我必须让make这些div绝对定位至于动画正常工作（你可以从上面的网站看到）。如果我让他们相对定位动画有问题。

我的问题是为什么他们必须是绝对的而不是相对的？我应该怎样做才能使动画以相对位置正确的方式工作？我想应用响应式网页设计，我在绝对位置上遇到很多问题...
非常感谢你

用相对和绝对div动画

0 个答案: