jQuery动画的marginRight无法正常工作，但marginLeft可以正常工作。

Question

我想通过使用点击链接激活的animate marginRight属性使背景图像向左滚动，但它不起作用。奇怪的是，当我使用marginLeft时，它可以工作，只是反过来了。这是我的test site，这是我的不工作的jQuery代码：（再次尝试让背景图像向左滚动）如果有其他什么可以帮助您更轻松地完成任务，请告诉我。

<script type="text/javascript">
jQuery(document).ready(
function(){
    jQuery('#homelink').click(
        function(){
            jQuery('#SiteBackground').animate({
                marginRight : "1000px"
            },10000);
        });
});
</script>

我的HTML代码：（#SiteBackground是我想要向左移动的元素，而#homelink是触发器）

<img id="SiteBackground" src="/jscottsavage/media/Main/Backdrop.jpg" style="position: absolute; left: 0px; top: 0px; z-index: -1; height: 384px;">

<div id="homelink">Home</div>

- user1408440

Answer 1

我找到了一种方法来做这件事。我不确定这是否是正确/适当的方法，但它在Firefox、Chrome和IE 7+中都可以使用，所以在我找到更好的方法之前，我将使用它。基本上，你所要做的就是将'marginRight'更改为'marginLeft'，并在数字前面添加一个减号，如下所示。

<script type="text/javascript">
jQuery(document).ready(
     function(){
        jQuery('#homelink').click(
    function(){
        jQuery('#SiteBackground').animate({
            marginLeft : "-1000px"
        },10000);
    });
});
</script>

- user1408440