safariのみスクロール関連のイベントが発火しない
2018/09/14
jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていたが、IE / Chrome / Firefoxだと動くのにsafariのみ動かないという症状が発生した。以下に原因と対策をメモ。
原因
以下のような形でスクロールした距離を取得しようとしたが、この書き方だとsafariではスクロール量を取得できない模様。
|
1 |
var hoge = $('body,html').scrollTop(); |
対策
以下に変更する。
|
1 |
var hoge = $(window).scrollTop(); |
参考サイト
http://d.hatena.ne.jp/cyokodog/20090112/jQueryPositionSize03
「位置情報の取得結果を比較してみる」というところに詳しく載っている。
関連記事
-
-
複数のajax処理の結果をまとめて表示
同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...
-
-
クリップボードの操作
<? /* クリックでクリップボードにコピーする。 http://zxcv ...
-
-
簡単にtable内をソート
やりたかった事は、 ・テーブル内でのソート ・内容は文字、数値、日時 ・PHPじ ...
-
-
lightboxをファイルアップロードなしで使う(CDN)方法
本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...
-
-
jQueryでチェックボックスの全チェック&チェック解除
フォームのチェックボックスで「全てにチェックを入れる」「全てのチェックを外す」と ...
-
-
jQuery UI Datepickerで日本の祝祭日を表示
やりたかった事は、jQueryのカレンダーピッカーで 日本の祝祭日の色を変えると ...
-
-
jQueryのプラグインでカラーコードを視覚的に選択
カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...
-
-
jQueryでshow/hideよりaddClass/removeClassの方が速い
diaplay:none/blockする際に最近はshow()/hide()を ...
-
-
jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方
divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...
-
-
jQueryで要素のleftやwidthを取得
jQueryで要素のposition(leftやtop)とwidthとheigh ...
- PREV
- 可変要素内の文字を丸める
- NEXT
- lightboxでCSPエラーが発生