ページスクロールによって、画面外に消えてしまうサイドメニューをユーザーがいつでも操作できるように、ページの表示領域内に移動してくるようにしましょう。

img_kadai02_2_01.png

使用するファイル


配布

作成

ダウンロード

kadai10.zip

仕様


ページスクロール(垂直方向)で、ブラウザの表示領域の上端がサイドメニューの上端を超えた時は、サイドメニューがブラウザの表示領域内(元々サイドメニューが表示されていた位置)に移動してくるようにしてください。

ブラウザの表示領域の上端が、サイドメニューの初期位置より小さくなった場合の処理は実装する必要はありません。

完成サンプル