jquery - iPad ビューポートの右側に div を貼り付ける方法

Question

閉じた div をクリックすると、画面の中央にアニメーション化されます。

開いた div をクリックすると、アニメーションでビューポートの端に戻るはずです。

親 (ボディなど) は 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);
});