javascript jquery animate div 向左移动幻灯片然后再次返回答案

【问题标题】：javascript jquery animate div move slide left then back againjavascript jquery animate div 向左移动幻灯片然后再次返回
【发布时间】：2012-05-17 21:04:04
【问题描述】：

我有一个可见宽度为内容一半的滚动 div。（实际内容是宽度的两倍。）

我只想要一个简单的 javascript，利用 jquery（serialscroll 插件实在太多）来触发滚动以滑入查看下半部分内容，然后再次单击将其滑回。（滑动量是静态的#）

到目前为止，我已经有了一个 jsfiddle。最初的向左滑动有效，但向后滑动不起作用，然后它完全停止工作。

http://jsfiddle.net/w7Uvj/1/

【问题讨论】：

标签： javascript jquery jquery-animate overflow slide

【解决方案1】：

单独使用left（或单独使用right）而不是left和rightfiddle

【讨论】：

【解决方案2】：

将您的第二个函数更改为：

$('.back').click(function() {    
    $('#maincol').animate({                
        'right':'-=400px'},750);
        $(this).fadeOut(500);
        $('.next').delay(600).fadeIn(500);
});

jsFiddle example.

您也可以将正确的属性也设置为 0px（而不是 -=400px）。

【讨论】：