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

Question

当您单击关闭的 div 时，它应该动画到屏幕的中心。

当您单击打开的 div 时，它应该动画回到视口的边缘。

父级（例如 body）应该是 1024px。

代码预览：

http://jsbin.com/uhuxen/2

Answer 1

使用 jQuery animate 来改变 left 属性。

$('#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);
});