我可以使用 div 为其所在的容器设置动画吗？答案

【问题标题】：Can I use a div to animate the container it is in?我可以使用 div 为其所在的容器设置动画吗？
【发布时间】：2013-02-13 17:17:05
【问题描述】：

我有一个容器，里面有三个 div 内容。我正在使用 javascript 在 div 中从左到右导航，导航工具被引用为无序列表。相反，我想修复这些 div，然后使用相同的导航按钮将整个容器从左向右移动。

这是我尝试过的 javascript。为了使它起作用，我试图改变 var $anchor = $(this) 到 var $anchor = $(容器 div 的名称)，但这不起作用。有人可以帮我解决这个问题吗？谢谢

<script type="text/javascript">
        $(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1000);
                event.preventDefault();
            });
        });
 </script>

【问题讨论】：

您能否发布一个带有工作示例的 jsFiddle，以便我们知道您在说什么？
请提供 html，如果可能，请提供jsfiddle.net
好的...感谢您对 jsfiddle 的引用（有史以来最酷的事情）！我保存了它，这里是jsfiddle.net/PYq8E 所以我不想在 div 之间移动，而是想创建一个容器，然后当我点击数字列表时让整个容器移动

标签： javascript html scroll containers

【解决方案1】：

谢谢...不过我找到了答案！

http://jsfiddle.net/pXy2C/

$(document).ready(function(){
$("#right").click(function(){
    $("#contents").animate({left:'-200px'},500);
    $("#container").animate({'margin-left':'200px'},500);
});
$("#left").click(function(){
    $("#contents").animate({left:'0px'},500);
     $("#container").animate({'margin-left':'0px'},500);
  });
 });

【讨论】：