safariのみスクロール関連のイベントが発火しない

2018/09/11 2018/09/14

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていたが、IE / Chrome / Firefoxだと動くのにsafariのみ動かないという症状が発生した。以下に原因と対策をメモ。

見出し

原因

以下のような形でスクロールした距離を取得しようとしたが、この書き方だとsafariではスクロール量を取得できない模様。

var hoge = $('body,html').scrollTop();

1	var hoge = $('body,html').scrollTop();

以下に変更する。

var hoge = $(window).scrollTop();

1	var hoge = $(window).scrollTop();

「位置情報の取得結果を比較してみる」というところに詳しく載っている。

: jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

<div id="hoge">
	<a href="aaa.html">aaa</a>
	<div>
		bbb
	</div>
</div>

<div>

bbb

</div>

みたいなソース ...

: PHPとSQLiteでi-mobileのデータをグラフ化

i-mobileでクリック保証のアフィリエイトだけど数値が並んでいるだけでグラフ ...

: Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)

やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...