Ajaxを使った実装をした際に、IEでキャッシュが残って変更されない不具合に遭遇したので対応方法をメモしておきます。
-
IEでAjaxのキャッシュが残る件
-
要素が画面内にあるかどうか判別する処理を実装する
要素が画面内にあるかどうか判別して、画面内にある場合にのみclassを付与する処理を実装してみます。
-
JavaScriptでサーバーの時間を取得して、指定範囲の間だけ表示の切り替えをする
ユーザーのローカルの時間ではなくサーバーの時間を取得して、その時間に応じて処理を行ってみます。
※2017/09/22
IEでAjaxのキャッシュが残ってしまうようなので、cache: false を追加しました。 -
スクロールで指定した要素が表示された時にclassを追加する
スクロールで画面内に要素が表示されたらアニメーションを行う実装をすることがよくあるので、指定した要素が画面内に表示された時にclassを追加するという処理を作ってみます。
-
jQueryのスムーズスクロールでブラウザバックに対応する
ページ内リンクのスムーズスクロールは色々なサイトで見かけるのですが、ブラウザバック時に元の位置ではなく前のページに戻ってしまうようになっていることが多いので、ブラウザバックに対応できないかを調べてみました。
-
overflow: auto;を設定した要素内にある要素の位置を取得する
overflow:auto;を設定した要素内に配置している要素の位置を取得する際に少し詰まったので、取得方法などをメモしておきます。
-
プラグインのスライダーの動きをカスタマイズする
プラグインのスライダーの動きをCSSで変更する機会がありましたので、やり方をメモしておきます。
今回使用するプラグインはslick.jsとswiper.jsですが、スライド時に要素にclassが付与されるプラグインであればだいたい大丈夫と思います。 -
指定範囲でのパララックスを実装する
指定範囲内でパララックスさせることがたまにあるので、実装方法をメモしておきます。
-
e.targetとe.currentTargetの違い
e.targetとe.currentTargetの違いについて少し調べる機会があったのでメモ。
-
無限スクロールで画像の読み込みをカウントする
以前に実装した無限スクロールに、画像の読み込みをカウントする機能を追加してみます。