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

Question

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

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

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

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

Answer 1

单独使用left（或right单独）而不是left和right 小提琴

Answer 2

将您的第二个功能更改为：

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

jsFiddle 示例。

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