シームレスな Web サイトを設計しているとユーザからの操作を受けて、ページ遷移をさせないでポップアップなどで必要な情報を表示させたいことが良くあると思います。
Javascript や CSS を使ってポップアップを表示させることは簡単ですが、ユーザが誤ってブラウザの「戻る」ボタンを押してしまうことが想定されます。

そんな時にユーザにストレスを与えずにブラウジングしてもらえる方法を簡単にまとめました。詳細は以下の記事をご参照下さい。
pjax と同じ考え方でブラウザの履歴を操作する history.replaceState() / history.pushState() メソッドを利用しています。