ひよこwebプログラマーの覚え書き

エクセルとwebで効率化しますさせます

*

jQueryでanimationがうまく動かない件

   

Pocket

こんな感じで大雑把にanimationを設定していると

jQueryとバッティングしてしまい、期待通りの動きをしません。

jQueryでアニメーションをつける時は、cssのtransitionは干渉しないように要素を限定しておきましょう。
もしくはjQueryに任せて、cssでは書かないなどのルールを決めたほうがいいかもしれません。

 - css, jquery

Message

メールアドレスが公開されることはありません。

  関連記事

frameの中身をjQueryで取得する方法は…

frameの中身をjQueryで取得する方法は、ありませんでした。 無理矢理操作 …

vertical-alignが効かない時

display:table-cell、line-heightを設定して下さい。 …

iphoneで文字サイズがおかしい時。

iphoneのサファリは自動的に文字サイズを拡大するという機能があります。 また …

jQuery環境で画像ポップアップ(lightbox)はどれを使えば良いか

素直にlightbox2がオススメです。jQuery1.11系で動きます。 fa …

cssで末尾を省略する時の注意点

はみ出した部分を三点リーダにする技がありますが、インライン要素には効かない事に注 …

jQueryでselect要素、option要素の中からテキスト・文字列で選択する方法

例としてこんなselect要素、option要素があるとします。そして青森を選択 …

no image
jquery、jquery-mobileの.liveが使えない

jquery1.7で廃止されていました。 検索すると $(ページID).live …

after擬似要素が分裂する場合の対処方法

after擬似要素の付いている要素にappendすると、afterが分裂します。 …

no image
cssでtop,left,right,bottomが自動的に設定される件

cssのtop,left,right,bottomは初期値が「auto」ですが、 …

jQueryでクリックしたことにする

フォームに文字を入力する時「input要素をクリックする動作」を検知するサイトが …