iPhoneで今まで使ってた判別方法だとscrollTopが効かなくなっていたので調べた。iPhoneで今まで使ってた判別方法だとscrollTopが効かなくなっていたので調べた。iPhonejQueryを使ってページをスクロールさせるスクリプトでよく見かけるのは下記のような感じです。);このコード動くんですけど、bodyとhtml両方でイベントが起きているので、処理中にチラツキが発生したりコールバックが2回呼び出されてしまいます。スクロールした後に何か処理したい時とか結構困るのでスクロールイベントで使うのはbodyなのかhtmlなのかをブラウザで判別する必要があります。今までは下記のコードを使っていました。console.log('スクロールおわったよ');});今までは問題なく動いていたと思っていたのですが、最近iPhoneで見ているとスクロールが上手く動作していない事に気づいてしまいました。falseとなっていて、webkitなのでscrollTagはbodyになって欲しい所がhtmlになってしまっていたのが原因でした。使っていた判別方法もいつどうやってこうなったのか覚えていなかったので、折角の機会なので調べてみることにしました。どのブラウザがどのタグ?まずは、どのブラウザがbodyとhtmlどちらのタグで動くのか解らないとダメなので調べます。firefoxとIE系がhtmlでwebkit系がbodyだと記憶していましたが、変わっている可能性も大なのです。手持ちのブラウザで調べた結果以上のような感じになりました。webkit系だと信じることにします。ブラウザ判別のコードを考える先の調査結果からFirefoxとIEはhtmlでそれ以外のブラウザはbodyを使うようにすれば良さそうです。ユーザエージェント条件分岐便利スニペットこちらの判別コードを利用させて頂きました。IE11はIE9以上とIE10以上の両方にヒットしていましたが、まぁIE系はhtmlタグを使う事にするのでよしとすることにします。そんな感じで出来上がったコードがこちらです。false;});scrollTagの判別方法を変更しただけですが...とはいえ、ブラウザが増えたりバージョンが上がったりすると、この判別方法を変更する必要が出てくるかと思います。iPhoneで今まで使ってた判別方法だとscrollTopが効かなくなっていたので調べた。чайка!無職のデザイナーが描いています。コンポーネント外のDOMに子コンポーネントを追加したい。(2)参加グループプログラミングデザインPHPPythonJavaScriptRubyWordPressCLOSEはてなブログをはじめよう!kikiki-kikiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。