jQuery水平滚动（点击时滑动div）

Question

当我点击登录链接时，我希望将绿色div滑出屏幕并将红色滑动到视图中。 出于某种原因，我无法让它发挥作用。我的jquery技能非常差，所以任何帮助都会很棒。

这是一个JSFiddle：http://jsfiddle.net/ibucus/pL758ota/1/

$(document).ready(function() {

$('#loginlink').click(function(){

    $('div#frontpageanimateblock').animate({'left':'-=700px'});

});

$('#loginlinkback').click(function(){

    $('div#frontpageanimateblock').animate({'left':'+=700px'});

});

});

由于

Answer 1

使用margin-left代替

'marginLeft': '-=640px'

看一下小提琴

fiddle here