最近よく見かけるシングルページを作るデザイン塾。前回、インブラウザーデザインでシングルページを仕上げました。 今回は、完成し たシングルページに、よく見かけるインターフェイス、モーダルウィンドウとスクロールスパイを実装する方法を紹介します。どちらもJavaScriptで書かれていますが、Bootstrapに用意されているサンプルを使って簡単に実装できます。 便利なモーダルウィンドウ モーダルウィンドウとは、ユーザーの操作をウィンドウ内に制限する(モードが固定された)操作方式のことです。必須の操作を省略させたくないなど、よく使われているインターフェイスです。 BootstrapのJavaScriptサンプルの右側にある[Modal]→[Examples]から、「Live demo」を表示します。
![Bootstrapでモーダルウィンドウとスクロールスパイを実装 (1/3)](https://cdn-ak-scissors.b.st-hatena.com/image/square/83329c1fe4947aca96d79a5d7857f2dab0b51039/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F1998%2F01%2F01%2F746486%2Fl%2F50ff6763afdaed19.jpg)