如何将div粘贴到iPad视口的右侧

Question

单击关闭的div时，它应设置为屏幕中心的动画。

单击打开的div时，应将其设置为返回视口边缘。

父母（例如身体）应该是1024px。

代码预览：

http://jsbin.com/uhuxen/2

Answer 1

使用jQuery animate更改左侧属性。

$('#edge_dweller').click( function(event){
  $('#edge_dweller').animate({
      right: (50) + '%',
    marginRight: -100 + 'px'
  }, 5000);
});

http://api.jquery.com/animate/

这将是关闭和打开的代码：

$('#edge_dweller').click( function(event){
  if ($('#edge_dweller').css('right') == '50%')
    $('#edge_dweller').animate({
      right: (0) + '%',
      marginRight: 0 + 'px'
    }, 5000);
  else
    $('#edge_dweller').animate({
      right: (50) + '%',
      marginRight: -100 + 'px'
    }, 5000);
});