jqueryを使用してフェードインするときにdivをスライドさせるにはどうすればよいですか?私はそれがスタイルシート内で規定された位置からわずかにオフセットされる必要があると思う。スライドとフェードjquery
したがって、例えば、このDIV要素がすでに0で/不透明度を隠されていると仮定すると0
<div id="pageintro">We are a wholly independent</div>
jqueryを使用してフェードインするときにdivをスライドさせるにはどうすればよいですか?私はそれがスタイルシート内で規定された位置からわずかにオフセットされる必要があると思う。スライドとフェードjquery
したがって、例えば、このDIV要素がすでに0で/不透明度を隠されていると仮定すると0
<div id="pageintro">We are a wholly independent</div>
から100%に褪色しながら左からスライドします:
$('#pageintro').animate({
opacity: 1,
left: '+=100'
}, 1000);
上記exampleは、 'left:' CSS属性が定義された要素に対してのみ機能します。
$('#pageintro').animate({
opacity: 1,
marginLeft: '+=100'
}, 1000);
これは、ほとんどの要素上で動作します:)
を彼らは1秒間に左から右に100pxに要素を移動し、0不透明度から1(完全に目に見える)になります。
:)
古いポストに答えるために申し訳ありませんが、jQueryのモバイル1.1RC1デフォルトでこれを実行します[1]
[1] http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-transitions.html
それはフェードに動作しますが、それは左から移動しdoesntの右:... 0) – Andy
代わりに "marginLeft: '+ = 100'"を試してください。 :) 左はposition:relativeとcss left属性が定義されている場合にのみ動作します:) –
wicked ta、great help! – Andy