single ieのばかやろう 〜ie8でjQueryのスライドが動かない〜 | Heastea's Blog , loves Music & Movies

jQueryでスライドさせるアニメーションをつけたら、

ieいくつかでだけ動かない現象が起きた時の解決策をメモがてら書いときます

たぶん同じようなこと起きる人もいるだろうし、

 

最初にやった書き方が、

$('#hoge').click(function(){
	$('#fuga').animate({ 'margin-left':'-900px' }, 500);
});

これでクロームとかサファリだと問題なく動くのに、

ie8あたりで動かなかった・・・

結局対応策として、

スライドさせる要素を position : relative にして、(今回でいえば、#fuga )

margin-left じゃなく left で指定したら動きました

 

HTMLの構造としては、

<div>  //  overflow : hidden の width : 900px とか
	<ul id="fuga">  //  width : 2700px
		<li></li>  //  float : left して横並びにさせる。 width : 900px
		<li></li>
		<li></li>
	</ul>
</div>

まったくieはやっかいすぎてこの世からなくなればいい。(ΦωΦ)

PCでインターネットを見るときはGoogle Chromeで見ましょう!

Internet Explorerで見てる人は、

(これ↓)

 

もしかしたらそのサイトで本来表現されているものが見えていない可能性大です!!

しかも重いし、全くいいことありません!!

 

じゃあなんでPCにデフォルトで入ってると思う??

だってOS作ってるのMicrosoftだもん…(ΦωΦ)

 

OSっていうのはオペレーティングシステムです、

つまりWindowsとか、MacならLeopardとかとか、

名前からなんとなく役割はわかりますね。

 

だからよくわからずにieでインターネット見てる人が大多数なんです。。。

だからie対応は無視できない・・・

 

デフォルトでクロームいれてくれ・・・

 

ieのばかやろう 〜ie8でjQueryのスライドが動かない〜
Tagged on:                 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Real time web analytics, Wordpress visitor counter, Wordpress visitor tracking
100{26e656071dec5151d6c87d6a05d322c4972c54ab3d1e3c1fc47c6bd8210f6174}Japan Japan

Total: 89